body {
  font-family: Montserrat, sans-serif;
  /* background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)),
    url("/assets/bg4.jpeg");

  background-position: center;
  object-fit: fill; */
    /* background: #111; */
    background: rgb(31, 69, 77);
}

.btn-secondary {
  font-size: 12px;
  border-radius: 20px;
  border:0;
  /* background: rgba(0, 0, 0, 0); */
  /* border: 1px solid #f1f1f1; */
  padding:10px 30px;
  /* background-color: rgba(255, 255, 255, 0.1); */
  background-color: rgb(31, 69, 77);
}

.carousel-item {
  max-height: 500px;
}

.carousel-item img {
  background-position: center;
  object-fit: contain;
}

.label-h3 {
  font-weight: bold;
  font-size: 20px;
  color: #f1f1f1;
}

.text-underline {
  text-decoration: underline;
}

.banner-evo {
  width: 100%;
}

.container {
  max-width: 1500px !important;
}

.icon-gutter {
  /* padding: 0 !important; */
  margin-top: 10px;
  padding: 0 !important;
}

.game-icon {
  max-width: 170px;
  max-height: 170px;
  border-radius: 10px;
  object-fit: cover;
}

.game-logo{
  border-radius: 10px;
  padding:10px;
  width: 200px;
  height: 100px;
  background:rgba(255, 255, 255, 0.1);
  object-fit:contain;
}

.game-icon-sabong {
  width: 170px;
  height: 170px;
  border-radius: 10px;
  object-fit: cover;
}

@media (max-width: 720px) {
  .game-logo{
  border-radius: 10px;
  padding:10px;
  width: 100px;
  height: 40px;
  background:rgba(255, 255, 255, 0.1);
  object-fit:contain;
  }
  .game-icon {
    max-width: 100px;
    max-height: 100px;
  }
  .game-icon-sabong {
    width: 110px;
    height: 110px;
  }
}



.game-name {
  margin-top: 5px;
  color: #f1f1f1;
  font-size: 12px;
}

.list-group-item {
  background: rgba(0, 0, 0, 0);
  padding: 0px 5px !important;
  border:0 !important;
}

.list-group::-webkit-scrollbar {
  display: none;
}

/* .list-group {
  overflow-x: scroll;
  -ms-overflow-style: none;
 
  scrollbar-width: none;
  
} */

.bg-theme {
  /* background-image: linear-gradient(-180deg, #0c1117 0%, #162c3f 100%); */
  background:#0a2c33;
}

.nav-menu {
  background: linear-gradient(
    -180deg,
    #2d465f 15%,
    #142531 47%,
    #0b1720 50%,
    #0c171f 100%
  );
  white-space: nowrap;
  margin-top: 0;
  border-bottom: 2px solid #64513c;
  /* padding-top: 10px; */
}

.img-slot-category {
  width: 50px;
}

.slot-item {
  border-right: 1px solid #111;
  border-left: 1px solid #111;
}

.slot-item p {
  font-weight: bold;
  font-size: 12px;
  color: #edd4ac;
}

.card-img-top {
  object-fit: cover !important;
  max-height: 200px;
  border-radius: 20px;
}

.card-sabong {
  border-radius: 20px;
}

.card-header {
  /* border-top: 1px solid #f1f1f1; */
  /* border-bottom: 1px solid #edd4ac; */
}

.card-sabong-body {
  /* padding: 5px; */
}

@media (max-width: 720px) {
  .card-img-top {
    max-height: 100px;
  }

  .img-slot-category {
    max-width: 30px;
  }

  .slot-item {
    padding: 5px;
  }

  .slot-item p {
    /* display: none; */
    margin: 0 !important;
    padding: 0 !important;
    font-size: 6px;
  }

  .arena-title,
  .arena-date,
  .arena-fight,
  .arena-button {
    font-size: 10px;
  }
}

.navbar-brand{
  color: #edd4ac !important;
}

.text-gold {
  color: #edd4ac !important;
}

/* .card-sabong {
  height: 200px;
  border-radius: 10px;
} */

.arena-title,
.arena-date {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.btn-cashin{
  border-radius: 0 !important;
  border: 0 !important;
}
.btn-success{
  font-weight: bold !important;
  font-size: 12px !important;
}
.wallet_balance{
    font-weight: bold;
    font-size: 35px;
  }

@media (max-width: 720px) {
  .btn-success{
    font-size: 10px !important;
  }
  .wallet_balance{
    font-weight: bold;
    font-size: 20px;
  }
}

    /* Make sure the list-group uses flex and wraps */
    .gameContainer-slots, .gameContainer-casino, .gameContainer-fishing, .gameContainer-arcade, .gameContainer-sports {
      display: flex;             /* ensure flex */
      flex-wrap: wrap !important;/* force wrap even if bootstrap applied nowrap */
      gap: 0;  
      padding:0 !important;            /* optional spacing between items */
    }

    /* Let items size to their content so they wrap naturally */
    .list-group .list-group-item {
      flex: 0 0 auto;           /* do not stretch to fill row */
      white-space: nowrap;      /* keep label text on one line (optional) */
      margin-bottom: 0;   /* small vertical gap when wrapped */
    }

    /* If you have overflow-auto on container and want wrap then avoid setting nowrap */
    .no-nowrap-on-parent {
      overflow: visible !important;
    }