/**
 * Style fei4d.css
 * @noob, v1.0, 2026-07-22
 */
:root {
  --img-bg-mobile: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fei4d/background/mobile/9101ee880a.webp');

  /* ONLINE BANK IMAGES */
  /*--img-online-bca: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/5d25be9c28.webp');
  --img-online-bni: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/6bc210744e.webp');
  --img-online-bri: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/585e9125c7.webp');
  --img-online-mandiri: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/c422572c99.webp');
  --img-online-dana: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/f46e25f8e1.webp');
  --img-online-gopay: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/183d7fce3d.webp');
  --img-online-ovo: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/4b9e3ef548.webp');
  --img-online-linkaja: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/f363435b44.webp');
  --img-online-bankjago: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/b14828d946.webp');
  --img-online-mestika: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/ba0ea91973.webp');
  --img-online-nobubank: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/e9768df845.webp');
  --img-online-seabank: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/b217b6d4c7.webp');
  --img-online-superbank: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/06d22c0ec3.webp');*/

  /* OFFLINE BANK IMAGES */
  /*--img-offline-bca: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/36ea497e31.webp');
  --img-offline-bni: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/54aae7ca1f.webp');
  --img-offline-bri: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/bf9a0df2cb.webp');
  --img-offline-mandiri: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/b69660b52c.webp');
  --img-offline-dana: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/9eafa869f4.webp');
  --img-offline-gopay: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/d672fa0c22.webp');
  --img-offline-ovo: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/727ed94c2a.webp');
  --img-offline-linkaja: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/5c0a88a3ba.webp');
  --img-offline-bankjago: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/9e9260015a.webp');
  --img-offline-mestika: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/5a2b76ac61.webp');
  --img-offline-nobubank: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/df5e840ee0.webp');
  --img-offline-seabank: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/299ef3ea62.webp');
  --img-offline-superbank: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/76e10fe98e.webp');*/

  /* TROUBLE BANK IMAGES */
  /*--img-trouble-bca: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/652a51d353.webp');
  --img-trouble-bni: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/34b7035527.webp');
  --img-trouble-bri: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/cee4a1518b.webp');
  --img-trouble-mandiri: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/55c7750357.webp');
  --img-trouble-dana: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/ddab1b32b2.webp');
  --img-trouble-gopay: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/492c89e2ba.webp');
  --img-trouble-ovo: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/aab753edd2.webp');
  --img-trouble-linkaja: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/65f7e1ecad.webp');
  --img-trouble-bankjago: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/ddb6449972.webp');
  --img-trouble-mestika: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/a4267087e7.webp');
  --img-trouble-nobubank: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/0123e87e84.webp');
  --img-trouble-seabank: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/d265ebc70c.webp');
  --img-trouble-superbank: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/73f1b04316.webp');*/

  /* GAME ICON IMAGES */
  /*--img-game-icon-1: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/906966709b.webp');
  --img-game-icon-2: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/b4be341d0a.webp');
  --img-game-icon-3: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/921c1b0613.webp');
  --img-game-icon-4: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/0685e3bc0b.webp');
  --img-game-icon-5: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/22145e89d7.webp');
  --img-game-icon-6: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/55fd548a1c.webp');
  --img-game-icon-7: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/acab1c0eb4.webp');
  --img-game-icon-8: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/fec28fd79a.webp');
  --img-game-icon-9: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/da2ee4fd68.webp');
  --img-game-icon-10: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/dcef68b50d.webp');
  --img-game-icon-11: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/8265e93235.webp');
  --img-game-icon-12: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/6380e3dd3e.webp');
  --img-game-icon-13: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/76441d1f18.webp');
  --img-game-icon-14: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/1fc5f0c576.webp');
  --img-game-icon-15: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bank/ebf6e388ff.webp');
  --img-game-icon-16: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/3fd424824f.webp');
  --img-game-icon-17: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/d38b975347.webp');
  --img-game-icon-18: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/be0336f2cf.webp');
  --img-game-icon-19: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/83a90c0eaa.webp');
  --img-game-icon-20: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/dff59c3422.webp');
  --img-game-icon-21: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/002824ed6c.webp');
  --img-game-icon-22: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/a86c15f3ee.webp');
  --img-game-icon-23: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/6284fba690.webp');
  --img-game-icon-24: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/e98f4d4ec3.webp');
  --img-game-icon-25: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/11bc0c2689.webp');
  --img-game-icon-26: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/f63ae0e644.webp');
  --img-game-icon-27: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/4b25686644.webp');
  --img-game-icon-28: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/e8a8d6b462.webp');
  --img-game-icon-29: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/af95ca369f.webp');
  --img-game-icon-30: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/f497a1a790.webp');
  --img-game-icon-31: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/1a195bc8d0.webp');
  --img-game-icon-32: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/d2a84c6941.webp');
  --img-game-icon-33: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/3209b39de7.webp');
  --img-game-icon-34: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/212bae4af2.webp');
  --img-game-icon-35: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/d2a84c6941.webp');
  --img-game-icon-36: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/57703ca557.webp');
  --img-game-icon-37: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/4190ec9536.webp');
  --img-game-icon-38: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/bafe9b5c59.webp');
  --img-game-icon-39: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/db6a13e133.webp');
  --img-game-icon-40: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/266aa10f7e.webp');
  --img-game-icon-41: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/a65297e175.webp');
  --img-game-icon-42: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/087a478a35.webp');
  --img-game-icon-43: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/dd5c80152c.webp');
  --img-game-icon-44: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/82650fc267.webp');
  --img-game-icon-45: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/f70e8ff9fc.webp');
  --img-game-icon-46: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/11a88480d8.webp');
  --img-game-icon-47: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fat4d/game/cff8e0dd4b.webp');*/

  /* footer */
  --img-footer: url('https://bong.sgp1.cdn.digitaloceanspaces.com/fei4d/background/destop/a3363e01f8.webp');

  --color-fei4d: #100d85;
  --color-fei4d-rgb: 16, 13, 133;
  --color-accent-fei4d: #6e6fa8;
  --color-accent-fei4d-rgb: 110, 111, 168;
}


#fly_menu {
  position: fixed;
  top: 110px;
  right: -9px;
  z-index: 9999;
  width: 200px;
  height: 90px;
  display: block;
  overflow: hidden;
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
}

#fly_menu:hover {
  height: 200px;
}

#fly_menu .menuaa {
  width: 197px;
  background: rgba(0, 0, 0, .6);
  margin-top: 0px;
  display: flex;
  flex-direction: column;
  border-radius: 0 0 0 6px;
  overflow: hidden;
}

#fly_menu .menuaa .menu_item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  background: rgba(224, 224, 224, 0);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10.5px;
  padding: 10px 6px;
}

#fly_menu .menuaa .menu_item:hover {
  background: rgba(0, 40, 65, 0.5);
  text-decoration: none;
  color: #ffffff;
}

#fly_menu .menuaa .menu_item a {
  text-decoration: none;
  color: yellow;
}

#fly_menu .menuaa .menu_item a:hover {
  color: white;
}

@media only screen and (max-width: 1024px) {
  #fly_menu {
    display: none;
  }
}

.container {
  background-color: rgba(0, 0, 0, .7) !important;
}

.col-md-9 {
  margin-top: -108px;
  left: 12px;
}

.col-md-9 center {
  display: none !important;
}

.col-sm-9 span img {
  display: none !important;
}

.navbar.navbar-fixed-top {
  line-height: 60px !important;
}

footer#footer {
  background: var(--img-footer) bottom center no-repeat;
  border-top: 1px solid #ffd800;
  /*color: rgba(255, 255, 255, 1);*/
  /*font-weight: 300;
  font-size: 12px;*/
  border-top-style: groove;
  width: 1170px;
  margin: auto;
  box-shadow: rgb(0 0 0 / 90%) 0 32px 62px -2px, rgb(0 0 0 / 90%) 0 30px 32px -3px;
  background-color: #000;
}

/*footer#footer .footer-main .container {
  border: 4px solid transparent;
}*/

.navbar-collapse.collapse.skrollable.skrollable-between > .row {
  height: 70px !important;

  &> form > .form-group.col-sm-2 {
    margin-top: 15px !important;
  }
}

#navbar_username, #navbar_password {
  padding: 14px !important;
  border-radius: 2em !important;
}

#submitlogin {
  border-radius: 2em !important;
  font-size: 12px;
}

.widget.widget-about {
  padding: 0 12px;
  /*margin-bottom: 4em;*/
  /*z-index: 5;*/
}

.widget.widget-about ul {
  padding-left: 16px;
}

.sidebar-button .btn.btn-theme,
.btn.btn-theme.login {
  /*background: linear-gradient(to right, #fffffd 0%, var(--color-fei4d) 50%, #316cc4 100%);*/
  background: linear-gradient(to right,var(--color-accent-fei4d), var(--color-fei4d));
  background-size: 300%;
  border-top-left-radius: 3rem;
  border-bottom-right-radius: 3rem;
  animation: warnagerak 6s linear infinite;
  padding: 8px 15px;
}

.sidebar-button .btn.btn-theme:hover,
.btn.btn-theme.login:hover {
  color: #000000;
  background: -webkit-linear-gradient(var(--color-accent-fei4d), var(--color-fei4d));
}

.container .blog-sidebar .nav.menu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 !important;
  gap: 6px;
}

.container .blog-sidebar .nav.menu > li {
  padding: 0 !important;
}

.container .blog-sidebar .nav.menu > li > a {
  border: 2px solid var(--color-fei4d);
  padding: 10px 16px !important;
  color: white;
  border-radius: 4rem;
  background-color: rgba(0,0,0,.4) !important;
  font-size: 14px;
}

.container .blog-sidebar .nav.menu > li > a:hover {
  /*color: var(--color-fei4d);*/
  background-color: var(--color-fei4d) !important;
}

.container .blog-sidebar .nav.menu > li > a:hover > i.fa {
  color: var(--color-fei4d) !important;
}

.hot-label {
  width: 55px;
  height: auto;
  animation: blink 1s infinite;
  margin-left: 6px;
  position: absolute;
  margin-top: -5px;
}

.login-wrapper .form-input input[name="entered_login"],
.login-wrapper .form-input input[name="entered_password"],
input[name="entered_login"],
input[name="entered_password"] {
  border: 1px solid #292929;
  box-shadow: -4px -4px 10px rgba(67, 67, 67, 0.5), inset 4px 4px 10px rgba(0, 0, 0, 0.5), inset -4px -4px 10px rgba(67, 67, 67, 0.3), 4px 4px 10px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
}

.shadowAnimation {
  /*color: #fff10c;*/
  color: var(--color-fei4d);
  animation: blur .9s ease-out infinite;
  text-shadow: 0px 0px 1px var(--color-fei4d), 0px 0px 1px var(--color-fei4d);
}

.infoIndicatorBank {
  padding-top: 5px;
  display: flex;
  justify-content: center;
  gap: 5px;
  align-items: center;
}

.infoIndicatorBank .infoIndicatorBankArea {
  line-height: 0.8;
  display: flex;
  align-items: center;
}

.infoIndicatorBank .infoIndicatorBankArea .infoIndicatorItem {
  display: inline-block;
  height: 13px;
  width: 13px;
  border-radius: 50%;
}

.infoIndicatorBank .infoIndicatorBankArea .infoIndicatorItem.ionline {
  background: #89e745;
}

.infoIndicatorBank .infoIndicatorBankArea .infoIndicatorItem.igangguan {
  background: #f7f014;
}

.infoIndicatorBank .infoIndicatorBankArea .infoIndicatorItem.ioffline {
  background: #ff0000;
}

.deskripsi.container {
  padding: 0;
  margin: 0 0 60px 0;
  background-color: black !important;
}

.deskripsi .title {
  font-size: 24px;
  font-weight: bold;
}

.deskripsi .ket {
  font-size: 16px;
  font-weight: 300;
  text-align: justify;
}

.deskripsi .judul .title {
  /*color: #f6f84c;*/
  color: var(--color-accent-fei4d);
  text-align: center;
  padding-inline: 15px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  /*border-bottom: 1px solid #f6f84c;*/
  border-bottom: 1px solid var(--color-fei4d);
  font-size: 32px;
}

.deskripsi .judul .ket {
  padding-inline: 15px;
}

.deskripsi .content {
  list-style: none;
  padding-inline: 15px;
  margin-top: 15px;
}

.deskripsi .content li {
  color: white;
}

.deskripsi .content li .title {
  margin-bottom: 15px;
}

.deskripsi .content li:not(:last-child) {
  margin-bottom: 20px;
}

.deskripsi .content li .child {
  margin-top: 15px;
}

.deskripsi .content li ul.child {
  padding-left: 40px;
  list-style: decimal;
}

.deskripsi .content li ul.child .title,
.deskripsi .content li ul.child .ket {
  margin: 0px;
  font-size: 12px;
}

.deskripsi .content li ul.child li:not(:last-child) {
  margin-bottom: 5px;
}

.deskripsi .content li ul.child .notKet .title {
  font-weight: normal;
}

.deskripsi .content li ul.child li:not(:last-child).notKet {
  margin: 0;
}

.footerSupport {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  margin-bottom: 6em;
}

.footerSupport img {
  width: 80%
}

/*.customMenu {
  padding: 15px;
  display: flex;
  gap: 5px;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}

.customMenu .customMenuItem {
  display: inline-block;
  border-top: 2px solid #f6f84c;
  border-bottom: 2px solid #f6f84c;
  border-radius: 2rem;
  text-decoration: none;
  font-size: 18px;
  color: white;
  padding: .2rem .8rem;
}

.customMenu .customMenuItem:hover {
  color: #f6f84c;
}*/

.customMenu {
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

.customMenu a.customMenuItem {
  text-decoration: none;
  padding: 2px 10px;
  color: white;
  background: rgb(21, 21, 41) !important;
  border: 1px solid white;
  border-radius: 12px;
}

.customMenu a.customMenuItem:hover {
  /*color: yellow !important;*/
  color: var(--color-fei4d) !important;
}

.customMenu a.customMenuItem.active {
  /*color: yellow !important;*/
  color: var(--color-accent-fei4d) !important;
  /*border-color: yellow !important;*/
  border-color: var(--color-fei4d) !important;
}

/*footer#footer {
  background: #000000;
}

footer#footer .footer-bottom {
  border-top: 1px solid #1a1a1a;
}*/

.iconMengambang {
  display: flex;
  flex-direction: column;
  position: fixed;
  bottom: 50px;
  gap: 20px;
  padding: 20px;
  z-index: 99;
}

.iconMengambang .iconMengambangItem {
  max-height: 72px;
  max-width: 72px;
}

.iconMengambang .iconMengambangItem img {
  width: 100%;
}

.page-header.smartb1 {
  height: auto !important;
}

.headerApk {
  display: flex;
  justify-content: space-between;
  padding: 6px 10px;
  /*padding-block: 5px;*/
  /*background: var(--color-fei4d);*/
  background: white;
  /*color: white;*/
  align-items: center;
}

.headerApk .headerApkLogo {
  display: flex;
  align-items: center;
  gap: 10px;
}

.headerApk .headerApkLogo img {
  width: 100%;
  max-height: 40px;
}

.headerApk .headerKet {
  font-size: 16px;
  font-weight: bold;
}

.headerApk .headerBtnDownload {
  padding: 5px;
  color: white;
  background: rgba(var(--color-fei4d-rgb), .7);
  border: 1px solid var(--color-fei4d);
  border-radius: 20px;
  font-size: 12px;
}

.headerLogo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-inline: 10px;
  padding-block: 5px;
}

.headerLogo .headerLogoImg {
  max-height: 60px;
}

.headerLogo .headerLogoLiveChat {
  /*background: linear-gradient(to right, #fffffd 0%, var(--color-fei4d) 50%, #316cc4 100%);*/
  background: linear-gradient(to right,var(--color-accent-fei4d), var(--color-fei4d));
  background-size: 300%;
  animation: warnagerak 6s linear infinite;
  padding: 5px 10px;
  color: #000000;
  border-radius: 5px;
}

.headerRunText {
  /*background-color: var(--color-fei4d);*/
  display: flex;
  padding: 3px 0;
  margin: 0;
  box-sizing: border-box;
  flex-wrap: wrap;
  background-color: #000;
  border-block: 1px solid var(--color-fei4d);
  color: #fff;
}

.owl-carousel {
  touch-action: manipulation;
}

.newMenuMobile {
  display: flex;
  gap: 5px;
}

.newMenuMobile a img {
  width: 100%;
}

.login-wrapper .form-input input[name="entered_login"],
.login-wrapper .form-input input[name="entered_password"],
input.contactField {
  height: 45px;
  padding-left: 45px;
  padding-right: 45px;
  margin-bottom: 0px;
  color: white;
  background: #3b4148;
}

.inputIcon {
  width: 45px;
  height: 41px;
  position: absolute;
  display: flex;
  top: 2px;
  left: 2px;
  z-index: 999;
  color: #808080;
  justify-content: center;
  align-items: center;
  /*background: #3b4148;*/
  border-radius: 5px;
  padding: 10px 13px;
  /*box-shadow: 1px 0 5px #0000005c;*/
  font-size: 20px;
}

.modalPromo {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  z-index: 99999;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #0000006e;
}

.modalPromo .modalContent {
  padding: 20px;
}

.modalPromo .modalContent .popupModal {
  width: 100%;
}

.promosiAfterSliderLink {
  margin-top: 15px;
  height: 100%;
  display: block;
}

.promosiAfterSliderLink img {
  width: 100%;
}

.promosiItemContainer .promosiItemHeader {
  display: flex;
  justify-content: space-between;
}

.promosiItemContainer .promosiItemHeader .promosiItemAction {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}

.promosiItemContainer .promosiItemHeader .promosiItemAction .promosiItemActionBtn {
  /*background: linear-gradient(to bottom, #fffffd 0%, #316cc4 100%);*/
  background: linear-gradient(to bottom,var(--color-accent-fei4d), var(--color-fei4d));
  background-repeat: repeat-x;
  color: #000000;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: bolder;
  transition: all 0.2s ease-out;
  width: 100%;
  padding: 8px 12px;
}

.promosiItemContainer .promosiItemHeader .promosiItemAction .playNow {
  display: none;
}

.promosiDeskripsi {
  padding: 5px 10px;
  color: white;
  max-width: 650px;
  border-inline: 1px solid #316cc4;
}

.promosiItemContainer:nth-last-child .promosiDeskripsi {
  border-bottom: 1px solid #316cc4;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.promosiDeskripsi ul {
  padding-left: 20px;
}

.promosiDeskripsi ul.style-start {
  list-style-type: "*   ";
}

.promosiDeskripsi ul.style-min {
  list-style-type: "-   ";
}

.promosiDeskripsi ul.style-diamon {
  list-style-type: "♦   ";
}

.promosiDeskripsi ul.style-arrow {
  list-style-type: "~>  ";
}

.promosiDeskripsi ul.style-number {
  list-style: decimal;
}

.promosiDeskripsi ul li {
  color: white;
  text-align: justify;
}

.mt-2 {
  margin-top: 10px;
}

.mb-2 {
  margin-bottom: 10px;
}

.mt-4 {
  margin-top: 20px;
}

.mb-4 {
  margin-bottom: 20px;
}

.promosiDeskripsi span {
  display: block;
}

.promosiContainer .promosiItemContainer:last-child .promosiDeskripsi {
  border-bottom: 1px solid #316cc4;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.collapses {
  overflow: hidden;
  transition: max-height 0.5s ease-out;
  max-height: 0;
}


@media (max-width: 576px) {

  .login-wrapper .form-input input[name="entered_login"],
  .login-wrapper .form-input input[name="entered_password"],
  input[name="entered_login"],
  input[name="entered_password"] {
    border-color: var(--color-fei4d);
  }

  .login-wrapper .form-input input[name="entered_login"],
  .login-wrapper .form-input input[name="entered_password"] {
    margin: 0px;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-align: left;
    padding-left: 55px;
  }

  .marquee.running-text {
    background: #000000;
    color: #FFFFFF;
  }

  .login-wrapper,
  .body-mobile main {
    background: #2b2b2b91;
  }

  .body-mobile main .main-content,
  .body-mobile main .main-content .inner-wrap {
    background: transparent;
  }

  .login-wrapper .form-input .password-wrapper>button {
    top: 10px;
  }

  .button-blue,
  .button-green,
  .button-yellow,
  .btn-login-header,
  .contactSubmitButton {
    /*background: linear-gradient(to right, #fffffd 0%, var(--color-fei4d) 50%, #316cc4 100%);*/
    background: linear-gradient(to right,var(--color-accent-fei4d), var(--color-fei4d));
    background-size: 300%;
    animation: warnagerak 8s linear infinite;
    box-shadow: none;
    border: none;
    text-align: center;
    /*color: #FFFFFF;*/
    padding: 10px 26px 10px 26px;
    display: inline-block;
    margin-bottom: 10px;
    font-family: aller;
    font-size: 20px;
    border-radius: 7px;
    color: #000000;
    text-shadow: 0px 0px 0 rgb(-124,-124,-124),
      1px 1px 0 rgb(-225,-225,-225),
      1px 1px 1px rgba(0,0,0,0.1),
      2px 2px 1px rgba(0,0,0,0.3),
      0px 0px 1px rgba(0,0,0,.2);
  }

  .btn-login-header {
    display: flex;
  }

  .inner-wrap .color-grey {
    color: #FFFFFF;
    margin-bottom: 10px !important
  }

  .input-group-text {
    background: var(--color-fei4d);
    font-weight: 600;
  }

  #content.page-content,
  #content.page-content .main,
  main .inner-wrap {
    background: #2b2b2b30;
  }

  main .inner-wrap .panel-blue {
    background: #1313138f;
    padding: 10px;
    border-radius: 16px;
    box-shadow: 0px 0px 10px var(--color-fei4d);
    border: 1px solid var(--color-fei4d);
  }

  main .inner-wrap .panel-blue hr {
    border-color: var(--color-fei4d);
  }

  main .inner-wrap .panel-blue #slider-hasil .slider {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
    /*min-height: 170px;*/
  }

  main .inner-wrap .panel-blue #slider-hasil .slider .results {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--color-fei4d);
    border-radius: 6px;
    background: rgba(0,0,0,.4);
    padding: 0;
    flex: 1;
    height: 90px !important;
    align-self: stretch;
    align-items: center;
    justify-content: center;
  }

  main .inner-wrap .panel-blue #slider-hasil .slider .results.hidden {
    display: none;
  }

  main .inner-wrap .panel-blue #slider-hasil .slider .results .pool-name {
    color: black;
    /*background: linear-gradient(to right, #fffffd 0%, var(--color-fei4d) 50%, #316cc4 100%);*/
    background: linear-gradient(to right,var(--color-accent-fei4d), var(--color-fei4d));
    background-size: 300%;
    animation: warnagerak 8s linear infinite;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding: .2rem;
    text-wrap: nowrap;
    border: 1px solid var(--color-fei4d);
    border-radius: 6px 6px 0 0;
  }

  main .inner-wrap .panel-blue #slider-hasil .slider .results .pool-date {
    padding: 0;
    margin: 0;
    font-size: 12px;
    color: #FFFFFF;
  }

  main .inner-wrap .panel-blue #slider-hasil .slider .results .pool-result {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(17px, 2vw, 36px);
    gap: 4px;
    color: #FFFFFF;
    flex-grow: 1;
    flex: 1;
    /*text-align: center;*/
  }

  /*.panel-blue .bank-status {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
  }

  .panel-blue .bank-status .bank {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    border-radius: 12px;
    flex: 1 0 calc(24% - 12px);
    box-sizing: border-box;
  }*/

  .resultSearchContainer {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 40px;
    border: 1px solid var(--color-fei4d);
    border-radius: 5px;
    margin-bottom: 10px;
    background: #3b4148;
  }

  .resultSearchContainer .resultSearchIcon {
    width: 40px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #808080;
    background: #3b4148;
    box-shadow: 1px 0 5px #0000005c;
    font-size: 20px;
  }

  .resultSearchContainer .resultSearchInput {
    flex: 1;
    padding-right: 5px;
    box-shadow: none;
    border: none;
    height: 100%;
    background: transparent;
    outline: none;
    color: #FFFFFF;
  }

  .resultSearchContainer .resultSearchInput:focus {
    border: none;
  }

  .footerDeskripsi {
    color: white;
    text-align: justify;
    margin-top: 10px;
  }

  .content.smartb4.scontent {
    margin: 0 !important;
  }

  .contactPerson {
    display: grid;
    grid-template-columns: auto auto;
    padding-inline: 5px;
    grid-gap: 5px;
    padding-bottom: 10px;
    background: #2b2b2b91;
  }

  .contactPerson .contactPersonIcon {
    width: 100%
  }

  .promosiContainer .promosiItemContainer {
    margin-bottom: 15px;
  }

  .promosiItemContainer .promosiItemHeader {
    flex-direction: column;
  }

  .promosiItemContainer .promosiItemHeader .promosiItemAction {
    flex-direction: row !important;
  }

  .promosiDeskripsi span {
    display: inline !important;
  }

  .promosiDeskripsi ul {
    padding-left: 0;
  }

  .promosiDeskripsi ul li ul {
    padding-left: 20px;
  }

  .promosiDeskripsi {
    background: #000000b3;
  }

  .promosiItemContainer .promosiItemHeader .promosiItemAction .promosiItemActionBtn {
    text-transform: capitalize !important;
    letter-spacing: 0px !important;
    text-align: center;
    border-bottom-left-radius: 10px;
  }

  .promosiItemContainer .promosiItemHeader .promosiItemAction .promosiItemActionBtn.joinNow {
    display: none;
  }

  .promosiItemContainer .promosiItemHeader .promosiItemAction .promosiItemActionBtn.playNow {
    display: block;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 10px;
  }

  .marquee-parent {
    background: var(--color-fei4d);
    font-weight: 600;
    color: #000000;
  }

  input.contactField {
    padding: 10px;
  }

  .iconMengambang {
    bottom: 0px;
  }
}

@keyframes warnagerak {
  100% {
    background-position: -300%;
  }
}

@keyframes blur {
  0% {
    text-shadow: 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 25px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px var(--color-accent-fei4d), 0px 0px 5px var(--color-accent-fei4d), 0px 10px 5px #ffffe8, 0px 10px 50px #ffffe8, 0px 10px 100px var(--color-fei4d), 0px 10px 100px var(--color-fei4d), 0px -10px 100px var(--color-fei4d), 0px -10px 100px var(--color-fei4d);
  }
}


/* BANK */
/*@media screen and (min-width: 1024px) {
  .bank {
    text-align: center;
    width: 168px !important;
    height: 94px !important;
    padding: 0px !important;
    background-color: rgba(0, 0, 0, 0) !important;
    border: none !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    border-radius: 0px !important;
    margin-left: 0px;
  }
}

@media screen and (max-width:415px) {
  .bank {
    position: relative;
  }

  .bank img:last-child {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  .bank img:first-child {
    width: 10px !important;
    margin: auto;
    margin-left: 5px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
}*/

/* Base Class styling with dynamic variable for dimensions and background */
/*.owl-wrapper .owl-item .bank .online,
.owl-wrapper .owl-item .bank .offline,
.owl-wrapper .owl-item .bank .trouble {
  width: 168px !important;
  height: 94px !important;
  background: var(--bank-bg) 0px 0px no-repeat !important;
}
*/
/* Map ONLINE status classes to :root variables */
/*.owl-wrapper .owl-item .bank .online.bca { --bank-bg: var(--img-online-bca);}
.owl-wrapper .owl-item .bank .online.bni { --bank-bg: var(--img-online-bni);}
.owl-wrapper .owl-item .bank .online.bri { --bank-bg: var(--img-online-bri);}
.owl-wrapper .owl-item .bank .online.mandiri { --bank-bg: var(--img-online-mandiri);}
.owl-wrapper .owl-item .bank .online.dana { --bank-bg: var(--img-online-dana);}
.owl-wrapper .owl-item .bank .online.gopay { --bank-bg: var(--img-online-gopay);}
.owl-wrapper .owl-item .bank .online.ovo { --bank-bg: var(--img-online-ovo);}
.owl-wrapper .owl-item .bank .online.linkaja { --bank-bg: var(--img-online-linkaja);}
.owl-wrapper .owl-item .bank .online.bankjago { --bank-bg: var(--img-online-bankjago);}
.owl-wrapper .owl-item .bank .online.mestika { --bank-bg: var(--img-online-mestika);}
.owl-wrapper .owl-item .bank .online.nobubank { --bank-bg: var(--img-online-nobubank);}
.owl-wrapper .owl-item .bank .online.seabank { --bank-bg: var(--img-online-seabank); }
.owl-wrapper .owl-item .bank .online.superbank { --bank-bg: var(--img-online-superbank); }*/

/* Map OFFLINE status classes to :root variables */
/*.owl-wrapper .owl-item .bank .offline.bca { --bank-bg: var(--img-offline-bca); }
.owl-wrapper .owl-item .bank .offline.bni { --bank-bg: var(--img-offline-bni); }
.owl-wrapper .owl-item .bank .offline.bri { --bank-bg: var(--img-offline-bri); }
.owl-wrapper .owl-item .bank .offline.mandiri { --bank-bg: var(--img-offline-mandiri); }
.owl-wrapper .owl-item .bank .offline.dana { --bank-bg: var(--img-offline-dana); }
.owl-wrapper .owl-item .bank .offline.gopay { --bank-bg: var(--img-offline-gopay); }
.owl-wrapper .owl-item .bank .offline.ovo { --bank-bg: var(--img-offline-ovo); }
.owl-wrapper .owl-item .bank .offline.linkaja { --bank-bg: var(--img-offline-linkaja); }
.owl-wrapper .owl-item .bank .offline.bankjago { --bank-bg: var(--img-offline-bankjago); }
.owl-wrapper .owl-item .bank .offline.mestika { --bank-bg: var(--img-offline-mestika); }
.owl-wrapper .owl-item .bank .offline.nobubank { --bank-bg: var(--img-offline-nobubank); }
.owl-wrapper .owl-item .bank .offline.seabank { --bank-bg: var(--img-offline-seabank); }
.owl-wrapper .owl-item .bank .offline.superbank { --bank-bg: var(--img-offline-superbank); }*/

/* Map TROUBLE status classes to :root variables */
/*.owl-wrapper .owl-item .bank .trouble.bca { --bank-bg: var(--img-trouble-bca); }
.owl-wrapper .owl-item .bank .trouble.bni { --bank-bg: var(--img-trouble-bni); }
.owl-wrapper .owl-item .bank .trouble.bri { --bank-bg: var(--img-trouble-bri); }
.owl-wrapper .owl-item .bank .trouble.mandiri { --bank-bg: var(--img-trouble-mandiri); }
.owl-wrapper .owl-item .bank .trouble.dana { --bank-bg: var(--img-trouble-dana); }
.owl-wrapper .owl-item .bank .trouble.gopay { --bank-bg: var(--img-trouble-gopay); }
.owl-wrapper .owl-item .bank .trouble.ovo { --bank-bg: var(--img-trouble-ovo); }
.owl-wrapper .owl-item .bank .trouble.linkaja { --bank-bg: var(--img-trouble-linkaja); }
.owl-wrapper .owl-item .bank .trouble.bankjago { --bank-bg: var(--img-trouble-bankjago); }
.owl-wrapper .owl-item .bank .trouble.mestika { --bank-bg: var(--img-trouble-mestika); }
.owl-wrapper .owl-item .bank .trouble.nobubank { --bank-bg: var(--img-trouble-nobubank); }
.owl-wrapper .owl-item .bank .trouble.seabank { --bank-bg: var(--img-trouble-seabank); }
.owl-wrapper .owl-item .bank .trouble.superbank { --bank-bg: var(--img-trouble-superbank); }*/

/* GAME */
/* Base Class styling with dynamic variable for game icons */
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item {
  content: var(--game-icon-img) !important;
}

/* Map game icon selectors to :root variables */
/*.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(1) { --game-icon-img: var(--img-game-icon-1); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(2) { --game-icon-img: var(--img-game-icon-2); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(3) { --game-icon-img: var(--img-game-icon-3); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(4) { --game-icon-img: var(--img-game-icon-4); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(5) { --game-icon-img: var(--img-game-icon-5); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(6) { --game-icon-img: var(--img-game-icon-6); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(7) { --game-icon-img: var(--img-game-icon-7); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(8) { --game-icon-img: var(--img-game-icon-8); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(9) { --game-icon-img: var(--img-game-icon-9); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(10) { --game-icon-img: var(--img-game-icon-10); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(11) { --game-icon-img: var(--img-game-icon-11); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(12) { --game-icon-img: var(--img-game-icon-12); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(13) { --game-icon-img: var(--img-game-icon-13); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(14) { --game-icon-img: var(--img-game-icon-14); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(15) { --game-icon-img: var(--img-game-icon-15); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(16) { --game-icon-img: var(--img-game-icon-16); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(17) { --game-icon-img: var(--img-game-icon-17); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(18) { --game-icon-img: var(--img-game-icon-18); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(19) { --game-icon-img: var(--img-game-icon-19); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(20) { --game-icon-img: var(--img-game-icon-20); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(21) { --game-icon-img: var(--img-game-icon-21); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(22) { --game-icon-img: var(--img-game-icon-22); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(23) { --game-icon-img: var(--img-game-icon-23); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(24) { --game-icon-img: var(--img-game-icon-24); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(25) { --game-icon-img: var(--img-game-icon-25); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(26) { --game-icon-img: var(--img-game-icon-26); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(27) { --game-icon-img: var(--img-game-icon-27); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(28) { --game-icon-img: var(--img-game-icon-28); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(29) { --game-icon-img: var(--img-game-icon-29); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(30) { --game-icon-img: var(--img-game-icon-30); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(31) { --game-icon-img: var(--img-game-icon-31); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(32) { --game-icon-img: var(--img-game-icon-32); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(33) { --game-icon-img: var(--img-game-icon-33); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(34) { --game-icon-img: var(--img-game-icon-34); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(35) { --game-icon-img: var(--img-game-icon-35); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(36) { --game-icon-img: var(--img-game-icon-36); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(37) { --game-icon-img: var(--img-game-icon-37); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(38) { --game-icon-img: var(--img-game-icon-38); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(39) { --game-icon-img: var(--img-game-icon-39); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(40) { --game-icon-img: var(--img-game-icon-40); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(41) { --game-icon-img: var(--img-game-icon-41); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(42) { --game-icon-img: var(--img-game-icon-42); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(43) { --game-icon-img: var(--img-game-icon-43); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(44) { --game-icon-img: var(--img-game-icon-44); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(45) { --game-icon-img: var(--img-game-icon-45); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(46) { --game-icon-img: var(--img-game-icon-46); }
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(47) { --game-icon-img: var(--img-game-icon-47); }*/

/* Page rules, lobby */
/* halaman rules */
#rules-page header {
  background-color: transparent !important;
  position: absolute;
}

#rules-page header .header-wrapper {
  margin-top: 10px !important;
}

#rules-page main .main-content {
  position: relative;
  background-image: var(--img-bg-mobile);
  background-size: cover;
  background-position: center;
  z-index: 1;
}

#rules-page main .main-content::before {
  content:'';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.6);
  z-index: -1;
}

.peraturan-title {
  display: none;
}

#rules-page main .main-content .peraturan-content {
  color: white;
  margin-top: 7rem !important;
}

.logo-item img {
  background: var(--img-bg-mobile) no-repeat !important;
}


/* halaman lobby */
main {
  background: var(--img-bg-mobile) no-repeat !important;
}

.btn-category.active {
  color: black !important;
  background: var(--color-fei4d) !important;
}

.btn-category {
  &#live, &#togel, &#slot {
    color: black !important;
    background: var(--color-fei4d) !important;
    &.active {
      color: black !important;
      background: var(--color-fei4d) !important;
    }
  }
}


.body-mobile {
  position: relative;
  background-image: var(--img-bg-mobile) !important;
  background-size: cover;
  background-position: center;
  z-index: 1;
}

.body-mobile::before {
  content:'';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.6);
  z-index: -1;
}

.lobby-content-top {
  background-color: rgba(0,0,0,.6);
}

.game-wrapper .game-lobby-content {
  background-color: rgba(0,0,0,.6) !important;
  border-radius: 8px !important;
}
.game-wrapper .game-lobby-content {
  border:2px solid var(--color-fei4d) !important;
}
.game-wrapper .game-lobby-content .effect7 {
  justify-content: flex-start;
  height: 140px;
}
.game-wrapper .game-lobby-content .effect7 .game-title {
  color: white;
  padding: 1rem;
  border-bottom: 1px solid var(--color-fei4d);
  background-color: black;
  width: 100%;
}
.game-wrapper .game-lobby-content .game-angka {
  flex-grow: 1;
}
.game-wrapper .game-lobby-content .game-angka .lobby-game-angka-keluar {
  font-size: 2.5rem;
}


/*#game-poker .grid div {

}*/
#game-poker .grid div {
  border: 2px solid var(--color-fei4d);
  border-radius: 12px;
  overflow: hidden;
}