.pool-name {
  width: 100%;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  color: black;
  position: absolute;
  top: 0px;
  padding: 3px;
  background: #2354ff;
  box-shadow: inset 0 1px rgb(255 255 255 / 30%);
  border-radius: 6px 6px 0 0;
  text-shadow: -1px 1px 1px #0000003b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pool-date {
  width: 100%;
  margin-left: 0;
  font-size: 10px;
  color: #ffffff;
  font-weight: 600;
}
.pool-result {
  font-size: 18px;
  width: 100%;
  text-align: center;
  color: #f8d11a;
  text-shadow: 0px 0px 3px #2354ffc2;
  padding-top: 3px;
  letter-spacing: 1px;
}
.dib {
  letter-spacing: 1px;
}
.inner-wrap .bank {
  width: 23.9%;
}
.app_slogan {
  display: inline-block;
  position: relative;
  overflow: hidden;
  vertical-align: top;
}
.flipdown {
  height: 30px;
  width: 100%;
}

.flipdown-content {
  height: 16px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 10px;
  color: #ffffff;
  text-shadow: 2px 2px 5px #00000096;
  letter-spacing: 0px;
  transform-origin: top center;
  transform: perspective(400px) rotateX(0deg);
  transition: transform 0.3s cubic-bezier(0.5, 0, 0.1, 1);
}

.flipdown-content:nth-child(2) {
  transform: perspective(400px) rotateX(-90deg);
}

.icon {
  display: flex;
  fill: #fff;
  width: 55px;
  vertical-align: middle;
  background: linear-gradient(176deg, #960300, #710100);
  border-radius: 5px;
  animation: borderPulse 1s infinite ease-out;
  padding: 5px 7px;
  font-size: 9px;
  align-items: center;
  justify-content: center;
  color: white;
  text-decoration: none;
  position: relative;
  top: 17px;
}
@keyframes borderPulse {
  0% {
      box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.4), 0px 0px 0px 0px rgb(255, 255, 255);
  }
  100% {
      box-shadow: 0px 0px 0px 3px rgba(255, 117, 117, 0), 0px 0px 0px 10px rgba(255, 0, 0, 0);
  }
}
.text {
  vertical-align: middle;
  color: #efefef;
  font-size: 8px;
  margin-top: 3px;
  font-weight: 300;
  letter-spacing: 0.03em;
  text-shadow: 2px 2px 5px #00000096;
}
div.toglin {
  display: none;
  background: #337ab7;
  padding: 10px;
  transition: opacity 1s ease, max-height 1s ease;
}
.toglin tbody {
  background: #337ab7;
}
.toglin .game-listt {
  background: #286192;
  margin: 3px 0;
}
table.game-buttonn {
width: 100%;
color: #fff;
text-align: center;
background: #fff;
margin-bottom: 0;
}
tr.gamee td {
display: block;
padding: 5px;
}
td.game-listt a {
font-size: 16px;
text-decoration: none;
font-family: Century Gothic, sans-serif;
color: white;
}
span#linkk {
  background: linear-gradient(111.83deg, #337ab7 24.54%, #21537e 72.94%);
  font-family: Century Gothic, sans-serif;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 24px;
  min-width: 43%;
  text-align: center;
  border-radius: 8px;
  line-height: 35px!important;
  display: block!important;
  height: 40px!important;
  width: 100%;
  color: #fff;
  box-shadow: inset 0 0 9px #44a5f8, inset 0 1px rgb(255 255 255 / 50%);
  margin-bottom: 10px;
  cursor: pointer;
}
.shead {
  height: 135px !important;
}
.sindex {
  top: 65px !important;
}
.slc {
  top: 77px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.space {
  right: 10px !important;
}
.scontent {
  margin: 65px auto !important;
}
.modal {
  z-index: 10500;
}
.modal-backdrop {
  z-index: 10400;
}
.modal-backdrop.in {
  opacity: .9;
}
.modal-content {
  background-color: transparent;
  border:none;
  box-shadow: none !important
}
.modal-header {
  border-bottom: none;
}
.close {
  font-size: 25px;
  opacity: 1;
  color: #fff;
}
.btn-close {
  font-weight: bold;
  font-size: 25px;
  opacity: 1;
  color: #fff; 
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
}
.modal-mobile {
      background-color: rgb(0 0 0 / 93%); /* Transparent dimmed overlay */
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: table;
}

.modal-mobile.hidden {
      display: none;
}

.modal-mobile .modal-container-mobile {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      width: 200px;
}

.modal-mobile .body {
      display: inline-block;
      padding: 10px;
}
.popup-img {
  width: 100%;
  height: auto;
}
.splide__pagination {
  position: absolute;
  z-index: 0;
  bottom: 0.5em;
  left: 50%;
  transform: translateX(-50%);
  padding: 0;
}
body {
  font-family: Arial;
  font-size: 14px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  color: #fff !important;
  background: #0b1659 !important;
}
div.col-sm-9 span {
  display: none;
}
div.social {
  width: 100%;
  background-size: contain;
  margin: auto;
  text-align: center;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
  align-items: stretch;
  justify-content: center;
  align-content: center;
  justify-items: stretch;
}
#ico {
  width: 100%;
  padding: 8px 0px 20px 0px;
  color: #fff;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #000a26;
  border-radius: 6px;
  box-shadow: inset 0 0 5px #697bff, 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 1px rgb(255 255 255 / 50%) !important;
  border: 1px solid #2354ff;
  position: relative;
}
div.social img {
  width: 25px;
  filter: brightness(6.3) drop-shadow(1px 2px 2px #00000054) contrast(1);
}
div.social p {
  width: 100%;
  display: inline-block;
  font-size: 10px;
  margin: 0;
  position: absolute;
  bottom: 0px;
  border-radius: 0 0 6px 6px;
}
.outmedsos {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #173638;
  padding: 0px 10px 0px 10px;
  gap: 8px;
}
.out1 {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 3fr;
  justify-items: center;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.logoico {
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000a26;
  border-radius: 6px;
  box-shadow: inset 0 0 5px #697bff, 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 1px rgb(255 255 255 / 50%) !important;
  border: 1px solid #2354ff;
}
.logoico img {
  width: 140px;
  filter: drop-shadow(1px 2px 2px #00000054);
}
.infoout {
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  padding: 10px 60px 25px 60px;
  background: #000a26;
  border-radius: 6px;
  box-shadow: inset 0 0 5px #697bff, 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 1px rgb(255 255 255 / 50%) !important;
  position: relative;
  border: 1px solid #2354ff;
}
.infoout p {
  width: 100%;
  display: inline-block;
  font-size: 13px;
  padding: 3px 0;
  margin: 0;
  color: white;
  position: absolute;
  bottom: 0;
  border-radius: 0 0 6px 6px;
}
.infoout img {
  width: 80px;
  filter: brightness(6.3) drop-shadow(1px 2px 2px #00000054) contrast(1);
}
#preloader #status em {
  font-size: 9px! important;
}
#preloader #status {
  background-image: url(../assets/img/ga/logo.png) !important;
  background-size: 50%;
  animation: fadeinnew 1s linear infinite;
}
@keyframes fadeinnew {
  0% {
      background-size: 50%;
  }
  50% {
      background-size: 53%;
  }
  100% {
      background-size: 50%;
  }
}
@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
.downapk.buktijp {
  background: linear-gradient(111.83deg,#2354ff 24.54%,#4757fb 72.94%) !important;
  box-shadow: inset 0 0 9px #2354ff;
}
.buktijpterbaru object {
  width: 100%;
  height: 100vh
}
.navigation-item .downapk .fa-gift {
  font-size: 25px;
  margin-right: 20px;
}
.medsossupport {
  display: flex;
  gap: 10px;
  margin: 20px 0;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.medsossupport .top {
  width: 30%;
  margin-top: 0;
  position: relative;
}
.medsossupport .top a {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px 10px 30px 10px;
}
.medsossupport .fsupport {
  padding-top: 0;
  width: 100%;
  position: absolute;
  bottom: 0;
}
.fsupport p {
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 3px 0;
  background: linear-gradient(to right, #fef852, #fecf28, #fecf28, #fef852);
  color: white;
  font-weight: 700;
  letter-spacing: 1px;
  text-shadow: -1px 2px 2px #0000003d;
  border: 3px solid rgba(255, 255, 255, 0.45);
  border-radius: 50px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-clip: padding-box;
}
.fsupport a p {
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 3px 0;
  background: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673);
  color: white;
  font-weight: 700;
  letter-spacing: 1px;
  text-shadow: -1px 2px 2px #0000003d;
  border: 3px solid rgba(255, 255, 255, 0.45);
  border-radius: 50px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-clip: padding-box;
}
.content .top .image {
  width: 41px;
}
.col-md-12 b {
  color: white;
}
.all-elements .page-content {
  background-color: #0b1659;
  min-height: 800px;
}
.all-elements .accordion-content {
  background: transparent;
  padding: 10px;
}
#content .content .no-bottom {
  background: #0b1659;
  position: relative;
}
.splide__track {
  padding: 2px 0;
  background: #4757fb;
  box-shadow: 0 0 1px 1px rgb(0 0 0 / 40%), inset 0 1px rgb(255 255 255 / 30%);
}
.legend .btn.btn-theme {
  background: linear-gradient(to top, #2354ff 35%, #4757fb 155%), linear-gradient(313deg, rgba(255, 255, 255, 0.25) 0%, rgb(255 241 0 / 0%) 60%);
  border: 0.5px solid #2354ff;
  box-shadow: inset 0 0 5px #2354ff, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%) !important;
  border-radius: 6px !important;
}
.panel-blue #contentdetil .button-green {
  padding: 5px 26px 5px 26px;
  background: linear-gradient(to top, #2354ff 35%, #4757fb 155%), linear-gradient(313deg, rgba(255, 255, 255, 0.25) 0%, rgb(255 241 0 / 0%) 60%);
  border: 0.5px solid #2354ff;
  box-shadow: inset 0 0 5px #2354ff, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%);
  border-radius: 6px !important;
}
.no-bottom .button-blue {
  width: 100%;
  background: #0b40e6;
  color: #ffffff;
  /* text-shadow: 0 0 10px #a191ca; */
  /* box-shadow: inset 0 -4px 0 rgb(89 41 127); */
}
.no-bottom .buttonbl.bcenter.button-blue {
  box-shadow: inset 0 -4px 0 #5791f7;
  margin: 0;
}
.panel-blue .m-password-submit {
  color:white;
  background: linear-gradient(to top, #2354ff 35%, #4757fb 155%), linear-gradient(313deg, rgba(255, 255, 255, 0.25) 0%, rgb(255 241 0 / 0%) 60%);
  border: 0.5px solid #2354ff;
  box-shadow: inset 0 0 5px #2354ff, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%) !important;
  border-radius: 6px !important;
}
.content .col-md-12 .button-reds {
  padding: 5px 26px;
  margin-bottom: 0 !important;
  font-size: 20px;
  color: white;
  background: linear-gradient(to top, #2354ff 35%, #4b70ff 155%), linear-gradient(313deg, rgba(255, 255, 255, 0.25) 0%, rgb(255 241 0 / 0%) 60%);
  border: 0.5px solid #2354ff;
  box-shadow: inset 0 0 5px #2354ff, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%) !important;
  border-radius: 6px !important;
}
.content .inner-wrap .button-reds {
  color: white;
  padding: 5px 26px 5px 26px;
  background: linear-gradient(to top, #2354ff 35%, #4757fb 155%), linear-gradient(313deg, rgba(255, 255, 255, 0.25) 0%, rgb(255 241 0 / 0%) 60%);
  border: 0.5px solid #2354ff;
  box-shadow: inset 0 0 5px #2354ff, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%) !important;
  border-radius: 6px !important;
}
.inner-wrap form .button-dark {
  background: linear-gradient(to top, #d30303 35%, #860000 155%), linear-gradient(313deg, rgba(255, 255, 255, 0.25) 0%, rgb(255 241 0 / 0%) 60%);
  border: 0.5px solid #646464;
  box-shadow: inset 0 0 5px #646464, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%);
  border-radius: 6px !important;
}
.inner-wrap form .button-blue {
  background: linear-gradient(to top, #2354ff 35%, #ff6a6a 155%), linear-gradient(313deg, rgba(255, 255, 255, 0.25) 0%, rgb(255 241 0 / 0%) 60%);
  border: 0.5px solid #2354ff;
  box-shadow: inset 0 0 5px #2354ff, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%);
  border-radius: 6px !important;
}
.inner-wrap .panel-blue .button-grey {
  background: linear-gradient(to top, #890000 35%, #cd0303 155%), linear-gradient(313deg, rgba(255, 255, 255, 0.25) 0%, rgb(255 241 0 / 0%) 60%);
  border: 0.5px solid #9a0000;
  box-shadow: inset 0 0 5px #f71212, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%) !important;
  border-radius: 6px;
}
.inner-wrap .panel-blue .button-red {
  background: linear-gradient(to top, #2354ff 35%, #4757fb 155%), linear-gradient(313deg, rgba(255, 255, 255, 0.25) 0%, rgb(255 241 0 / 0%) 60%);
  border: 0.5px solid #2354ff;
  box-shadow: inset 0 0 5px #2354ff, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%);
  border-radius: 6px;
}
.inner-wrap .panel-blue {
  background: #000a26;
  border: 0.5px solid #2354ff;
  box-shadow: inset 0 0 5px #2354ff;
}
.content .game-button .game-list {
  background: #000a26;
  border: 0.5px solid #2354ff;
  box-shadow: inset 0 0 5px #2354ff, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%);
  border-radius: 6px;
}
#content .page-header {
  box-shadow: 0 5px 10px #0000007d;
  background: #050b3c;
  border-bottom: 1px solid #242776;
}
.smartb4 .no-bottom {
  background: #173638;
}
.button-icons2 .newgame {
  min-height: 31px !important;
  background: transparent;
  color: red;
  font-size: 9px;
}
#filterminigame .angka-keluar {
  color: #fff;
}
.panel-grey #filtertogel .filter5d font, .panel-grey #filtertogel .filter4d font {
  color: #fcf049 !important;
}
.content .no-bottom .inner-wrap .color-grey {
  color: white;
}
.content .no-bottom .inner-wrap .color-blue {
  color: #ffffff;
}
.content .no-bottom #banklist .bank-logo {
  padding: 14.5% 0 0 0;
}
#filtertogel .filter5d font,  #filtertogel .filter4d font {
  color: #fcf049 !important;
}
.content .no-bottom form .panel-grey #semua {
  width: 18% !important;
  background: #2354ff !important;
  color: #fff !important;
  box-shadow: 1px 2px 5px rgb(0 0 0 / 30%), inset 0 1px rgb(255 255 255 / 80%), inset 2px 0 rgb(255 255 255 / 20%), inset -2px 0 rgb(255 255 255 / 20%), inset 0px -2px rgb(255 255 255 / 10%);
  font-weight: 500;
  text-shadow: -1px 2px 2px #00000036;
}
.content .no-bottom form .panel-grey #minigame{
  background: #2354ff !important;
  color: #fff !important;
  box-shadow: 1px 2px 5px rgb(0 0 0 / 30%), inset 0 1px rgb(255 255 255 / 80%), inset 2px 0 rgb(255 255 255 / 20%), inset -2px 0 rgb(255 255 255 / 20%), inset 0px -2px rgb(255 255 255 / 10%);
  font-weight: 500;
  text-shadow: -1px 2px 2px #00000036;
}
.content .no-bottom form .panel-grey #togelall{
  background: #2354ff !important;
  color: #fff !important;
  box-shadow: 1px 2px 5px rgb(0 0 0 / 30%), inset 0 1px rgb(255 255 255 / 80%), inset 2px 0 rgb(255 255 255 / 20%), inset -2px 0 rgb(255 255 255 / 20%), inset 0px -2px rgb(255 255 255 / 10%);
  font-weight: 500;
  text-shadow: -1px 2px 2px #00000036;
}
.content .no-bottom form .panel-grey #togel{
  background: #ffde00 !important;
  color: black !important;
  box-shadow: 1px 2px 5px rgb(0 0 0 / 30%), inset 0 1px rgb(255 255 255 / 80%), inset 2px 0 rgb(255 255 255 / 20%), inset -2px 0 rgb(255 255 255 / 20%), inset 0px -2px rgb(255 255 255 / 10%);
  font-weight: 500;
  text-shadow: -1px 2px 2px #00000036;
}
.content .no-bottom form .panel-grey #slot{
  background: #2354ff !important;
  color: #fff !important;
  box-shadow: 1px 2px 5px rgb(0 0 0 / 30%), inset 0 1px rgb(255 255 255 / 80%), inset 2px 0 rgb(255 255 255 / 20%), inset -2px 0 rgb(255 255 255 / 20%), inset 0px -2px rgb(255 255 255 / 10%);
  font-weight: 500;
  text-shadow: -1px 2px 2px #00000036;
}
#filterslot .slot-wrapper {
  background: #0b1659;
}
#filterslot .slot-content {
  background: #0b1659;
}
.content .no-bottom .inner-wrap {
  background: #0b1659;
}
.content .no-bottom .panel-grey {
  background: #0b1659;
  text-align: center;
}
.content .no-bottom .wrapper {
  background: #0b1659;
}
.contentrtpl21 .bjrtpbj {
  width: 100%;
  height: 800px;
}
.contentrtpl21 {
  display: none;
  background: #636363;
  text-align: center;
  color: white;
}
.cusrtpslot {
  background: linear-gradient(111.83deg,#ffa331 24.54%,#f63 72.94%);
  box-shadow: inset 0 0 10px #ffdb99, inset 0 2px #ffffffa3, 5px 8px 10px #0000004a;
  color: white;
  text-shadow: -1px 2px 2px #00000036, 0 0 10px white;
  padding: 5px 10px;
  border-radius: 5px;
  margin-left: 5px;
  width: 13%;
  font-weight: 600;
  letter-spacing: 1px;
}
@keyframes backgroundAnimation {
0% {
  background-position: right top;
}
50% {
  background-position: left bottom;
}
60% {
  background-position: left bottom;
}
100% {
  background-position: right top;
}
}
.content .panel-grey #carigame {
  display: none;
}
.panel-blue {
  background: #000a26;
  border-radius: 6px;
  box-shadow: inset 0 0 5px #697bff, 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 1px rgb(255 255 255 / 50%) !important;
  border: 1px solid #2354ff;
}
.grubsearchPasaran {
  margin-top: 10px;
  width: 100%;
  position: relative;
  padding: 5px 10px;
  background: #2354ff;
  border-radius: 6px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  box-shadow: inset 0 1px rgb(255 255 255 / 50%);
}
.grubsearchPasaran input {
  width: 100%;
  border: none;
  border-radius: 3px;
  padding: 5px;
  color: #000000;
  letter-spacing: 1px;
  background: white;
  box-shadow: none;
}
.grubsearchPasaran img {
  width: 28px;
  margin-right: 5px;
  filter: brightness(10) drop-shadow(1px 2px 2px #00000054) contrast(1);
}
.grubsearchPasaran input::placeholder {
  color: #b3bfc5;
}
hr {
  display: none;
}
.grubsearchPasaran #searchPasaran {
  width: 100%;
  border-radius: 3px;
  padding: 3px 7px;
  color: white;
  background: #010d30;
  letter-spacing: 1px;
  border: 1px solid #010d30;
  box-shadow: none;
}
#content .stream-wrapper #containerworldTime #stream {
  top: 58px !important;
}
.l21hokinumber {
  margin: 0;
  padding: 3px 0 7px 0;
  background: #2354ff;
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 17px;
}
.l21hokinumber p {
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #ffffff;
}
.nmrhoki {
  margin: 0;
  padding: 0;
  font-size: 18px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.nmrhoki5d {
  margin: 0;
  padding: 0;
  font-size: 18px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.nmrhoki5d span {
  margin: 0 1px;
  text-shadow: 1px 1px 1px #00000070, 0 0 20px #b5c7d15c;
  color: white;
}
@keyframes rotasiwarna {
  0% {
    filter: hue-rotate(0deg);
  }
  100% {
    filter: hue-rotate(360deg);
  }
}
#lobtoto .testaja b {
  position: relative;
  top: -10px;
}
.nmrhoki span {
  margin: 0 1px;
  text-shadow: 1px 1px 1px #00000070, 0 0 20px #b5c7d15c;
  color: white;
}
#containerworldTime #button-video {
  top: 267px;
}
.inner-wrap .button-blue.radiusbr {
  font-weight: bold;
  text-shadow: 1px 1px 1px #00000082;
  border: none !important;
  border-radius: 0 0 7px 0 !important;
}
.inner-wrap .radiusbl {
  background: linear-gradient(111.83deg,#2354ff 24.54%,#1a72ff 72.94%);
  box-shadow: inset 0 0 9px #7888ff, inset 0 1px #6d7eff !important;
  font-weight: bold;
  text-shadow: 1px 1px 1px #00000082;
}
.smartb4 .inner-wrap {
  background: #191919;
}
.note.right {
  display: none;
}
.note {
  color: white;
  text-transform: capitalize;
}
a.promo {
  background: linear-gradient(111.83deg,red 24.54%,#b60202 72.94%);
  font-family: Century\ Gothic,sans-serif;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 24px;
  min-width: 43%;
  text-align: center;
  border-radius: 8px;
  line-height: 35px!important;
  display: block!important;
  height: 40px!important;
  margin-right: 0;
  width: 100%;
  color: #fff;
  box-shadow: inset 0 0 9px #fe5454, inset 0 1px rgb(255 255 255 / 50%);
  margin-bottom: 10px;
}
a.note.left {
  font-size: 12px;
  text-align: left;
  width: 100%;
  color: white;
  border-radius: 3px;
}
#promosix {
  font-weight: bold;
  color: #000000 !important;
  background: linear-gradient(to bottom, #fff45c, #fde800, #ffc32e) !important;
  box-shadow: inset 0 0 5px #ffcf00, 1px 1px 5px rgba(0,0,0,.5), inset 0 1px rgb(255 255 255 / 50%) !important;
  border: 1px solid #ffbf00 !important;
}
.wrapper2 .buttonjoin .button-blue {
  background: #2354ff;
  color: #fff;
  /* text-shadow: 0 0 10px #2354ff; */
  box-shadow: inset 0 0 5px #697bff, 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 1px rgb(255 255 255 / 50%) !important;
  font-weight: bold;
  border: 1px solid #2354ff;
}
.wrapper2 .buttons {
  box-shadow: inset 0 0 5px #697bff, 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 1px rgb(255 255 255 / 50%) !important;
  font-weight: bold;
  border: 1px solid #2354ff;
}
.wrapper2 .button-green {
  background: linear-gradient(111.83deg,#2354ff 24.54%,#1a72ff 72.94%);
}
.wrapper2 .buttong {
  box-shadow: inset 0 0 9px #7888ff, inset 0 1px #6d7eff !important;
  font-weight: bold;
}
.wrapper2 {
  padding: 10px 10px 0 10px;
}
.wrapper2 .inner-wrap {
  background: #191919;
  padding: 0px 20px 20px 20px;
}
.wrapper2 .panel-blue {
  background: #2354ff;
  box-shadow: 1px 2px 5px rgb(0 0 0 / 30%), inset 0 1px rgb(255 255 255 / 80%), inset 2px 0 rgb(255 255 255 / 20%), inset -2px 0 rgb(255 255 255 / 20%), inset 0px -2px rgb(255 255 255 / 10%), inset 0 0 2px #d78f47, inset 0 0 3px #fff6ce;
  border-radius: 6px;
}
.inner-wrap select, .panel-blue textarea {
  box-shadow: none;
}
.no-bottom {
  background: #191919;
  position: relative;
}
.showp {
  color: white;
  display: flex;
  float: right;
  position: absolute;
  align-items: center;
  top: 16px;
  right: 12px;
  z-index: 1;
}
.showp img {
  width: 15px;
  height: 15px;
  filter: brightness(0.8);
}
.showp #hideshow {
  display: none;
}
.iconuserlogin {
  position: absolute;
  top: 45px;
  left: 13px;
  background: #3b4148;
  border-radius: 2px 0 0 2px;
  padding: 10px 13px;
  box-shadow: 1px 0 5px #0000003b;
}
.iconuserlogin img {
  width: 19.3px;
  filter: brightness(7) contrast(0.3);
}
.iconkeylogin {
  position: absolute;
  top: 100px;
  left: 13px;
  background: #3b4148;
  border-radius: 2px 0 0 2px;
  padding: 10px 13px;
  box-shadow: 1px 0 5px #0000003b;
}
.iconkeylogin img {
  width: 19.3px;
  filter: brightness(7) contrast(0.3);
}
.smartb4 .contactField {
  padding-left: 45px !important;
  padding-right: 45px !important;
  color: white !important;
  background: #3b4148 !important;
  height: 45px !important;
}
.smartb4 .contactField::placeholder {
  color: #a6a6a6 !important;
}
.smartb4 input[type="text"], .smartb4 input[type="password"], .smartb4 select, .smartb4 textarea {
  border: 1px solid #3b4148;
  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);
}
input[type="text"]:focus {
  box-shadow: inset 0 0 1px #4c61ec, 1px 1px 5px rgba(0, 0, 0, 0.5);
  border: 1px solid #4c61ec;
}
input[type="password"]:focus {
  box-shadow: inset 0 0 1px #4c61ec, 1px 1px 5px rgba(0, 0, 0, 0.5);
  border: 1px solid #4c61ec;
}
.page-sidebar-scroll .buttonlc {
  position: absolute;
  top: 0px !important;
  right: 10px;
  width: 200px;
  font-size: 10px !important;
}
.page-sidebar-scroll .buttonlc2 {
  width: 75%;
}
#content .header-logo {
  width: 170px !important;
  height: 50px !important;
  margin-right: auto !important;
  top: 4px;
}
.button-orange {
  background: linear-gradient(135deg, #2a2f63 -2%, #2354ff 115%) !important;
  box-shadow: 1px 3px 5px #00000073, inset 0 1px rgb(255 255 255 / 30%) !important;
  display: flex;
  text-align: center;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
  margin: 10px;
}
.buttonWrap {
  min-width: 43%;
  display: flex;
  text-align: center;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
}
#content .buttonlc {
  width: 105px;
  right: 17px !important;
  top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#content .buttonlc2 {
  width: 88px !important;
  height: 30px!important;
  padding: 7px 10px !important;
}
.header-logo2 {
  width: 170px !important;
  height: 50px !important;
  margin-top: 13px !important;
  margin-left: 25px !important;
  margin-right: auto !important;
  filter: drop-shadow(2px 2px 2px #00000096) !important;
}
.smartb2 .header-logo2 {
  width: 160px !important;
}
.content .results .jadwalshare {
  padding: 0;
}
#slider-hasil {
  padding-top: 10px;
  border-top: 1px solid #b9b8b8;
}
.slider {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
}
#content .content .results {
  margin-top: 10px;
  background-color: #010d30;
}
.results {
  border-radius: 6px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px 5px 5px 5px;
  box-shadow: inset 0 0 5px #697bff, 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 1px rgb(255 255 255 / 50%) !important;
  border: 1px solid #2354ff;
}
#lobtoto .testaja {
  box-shadow: inset 0 0 5px #697bff, 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 1px rgb(255 255 255 / 50%) !important;
  position: relative;
  background: #0e154b;
  padding: 0px !important;
  overflow: hidden !important;
  border: 1px solid #2354ff;
}
#lobtoto .testaja .nama-pasar {
  margin: auto;
  min-height: 0;
  padding: 5px 0;
  box-shadow: inset 0 1px rgb(255 255 255 / 30%);
  background: #2354ff;
  color: #fff;
  text-shadow: -1px 2px 2px #00000036;
  letter-spacing: 0.03em;
}
#lobtoto .testaja .angka-keluar {
  min-height: 0;
  padding: 5px;
  font-size: 25px;
  color: #fff;
  letter-spacing: 2px;
}
.panel-grey #bannerimg {
  display: none;
}
#filterslot .slot-header-right button {
  padding: 2px 20px;
  border-radius: 5px;
  color: white;
  text-shadow: -1px 2px 2px #00000036, 0 0 10px white;
  font-weight: 500;
  background: linear-gradient(111.83deg,#2354ff 24.54%,#1a72ff 72.94%);
  box-shadow: inset 0 0 10px #2354ff, inset 0 2px #ffffffa3, 5px 8px 10px #0000004a;
  letter-spacing: 1px;
}
#filterslot .slot-content .slot-games {
  box-shadow: inset 0 0 5px #697bff, 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 1px rgb(255 255 255 / 50%) !important;
  position: relative;
  background: transparent;
  padding: 5px !important;
  overflow: hidden !important;
  border-radius: 7px;
  margin: 0 2px;
  width: 47.6%;
  border: 1px solid #2354ff;
}
#filterslot .slot-content .slot-games img {
  border-radius: 0;
  height: 105px;
}
#lobmini .button-icons2 {
  box-shadow: inset 0 0 5px #697bff, 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 1px rgb(255 255 255 / 50%) !important;
  position: relative;
  background: #000a26;
  padding: 0px 0 30px 0!important;
  overflow: hidden !important;
  border: 1px solid #2354ff;
}
#lobmini .button-icons2 .nama-pasar {
  margin: auto;
  min-height: 0;
  padding: 5px 0;
  box-shadow: inset 0 1px rgb(255 255 255 / 30%);
  background: #2354ff;
  color: #fff;
  text-shadow: -1px 2px 2px #00000036;
  letter-spacing: 0.03em;
}
#lobmini .button-icons2 .angka-keluar {
  min-height: 0;
  padding: 5px;
  font-size: 15px;
}
.inner-wrap .ha1 {
  width: 100%;
  color: white;
  margin: 0;
  font-size: 20px;
  border-radius: 7px 7px 0 0;
  font-weight: 500;
  background: #2354ff;
  text-align: center;
}
.inner-wrap #banklist {
  padding: 5px 10px;
  margin: 0;
  background: #000a26;
  box-shadow: inset 0 0 5px #697bff, 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 1px rgb(255 255 255 / 50%) !important;
  border-top: none;
  border: 1px solid #2354ff;
}
.content .no-bottom .inner-wrap #banklist .bank {
  background: #ffffff;
  box-shadow: 1px 2px 5px rgb(0 0 0 / 30%), inset 0 1px rgb(255 255 255 / 80%), inset 2px 0 rgb(255 255 255 / 20%), inset -2px 0 rgb(255 255 255 / 20%), inset 0px -2px rgb(255 255 255 / 10%);
}
.content .results .news-detail {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  background: transparent;
  gap: 5px;
  padding: 0;
}
.content .results .latest-news {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  text-align: center;
  padding: 5px;
  border-radius: 6px;
  background: #4a77ef;
  height: 200px;
}
.content .results .latest-news .gmbnews {
  width: 100%;
}
.content .results .latest-news b {
  font-size: 11px;
  color: black;
}
.content .results .latest-news .dates {
  font-size: 9px;
}
.content .results h2 img {
  display: none;
}
.content .results h2 b {
  font-size: 9px;
}
.navigation-item .downapk {
  padding-left: 22px;
  display: flex;
  align-items: center;
  background: linear-gradient(176deg, #5f107f, #d10ceb);
}
.navigation-item .downapk .fa-android {
  font-size: 25px;
  margin-right: 18px;
}
.navigation-item .downapk .unselected-item {
 margin-top: 0;
}
#slider {
  display: flex;
}

.smartb4 .row {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-items: stretch;
  align-items: stretch;
  justify-content: center;
  background: #00040f;
  padding: 10px;
}
.smartb4 .row img {
  width: 80%;
  filter: drop-shadow(1px 2px 2px #00000054);
}
.smartb4 .row .col-6 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bubbhost {
list-style: none;
position: relative;
}

.bubble {
background: linear-gradient(111.83deg,#cb0d09 24.54%,#6f0603 72.94%);
width: 45px;
height: 45px;
border-radius: 50%;
transition: all 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
position: absolute;
line-height: 50px;
text-align: center;
cursor: pointer;
box-shadow: 0px 0px 10px #c50d09, inset 0 1px rgb(255 255 255 / 50%);
list-style: none;
}
.bubble img {
  width: 100%;
  filter: drop-shadow(1px 2px 3px #000000a1);
}
.bubble>button:focus {
outline: 0;
}
.bubble.menu {
transform: scale(1.2);
z-index: 5;
width: 50px;
height: 50px;
animation: tada 1s ease-in-out infinite;
}
@keyframes tada {
  0% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  10%, 20% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
}
.bubble.menu.active {
  animation: none;
}
.bubble.menu > button {
border: 0 solid transparent;
background: transparent;
width: 100%;
height: inherit;
color: #fff;
font-size: 1.5em;
vertical-align: text-bottom;
}
.bubble.menu.active ~ .bubble:nth-of-type(2) {
transform: translateX(40px) translateY(-50px);
}
.bubble.menu.active ~ .bubble:nth-of-type(3) {
transform: translate(75px, 0px);
transition-delay: 0.2s;
}
.bubble.menu.active ~ .bubble:nth-of-type(4) {
transform: translateY(55px) translateX(45px);
transition-delay: 0.3s;
}
.grupbubb {
  width: 170px;
  height: 100%;
  position: fixed;
  top: 77%;
  z-index: 2;
  padding: 60px 20px;
}
#menuButtonbubb {
  animation: all 0.3s ease;
  text-shadow: 1px 2px 2px #000000a1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
#menuButtonbubb svg {
  width: 45px;
  stroke: #fff;
  background: transparent;
  animation: none;
  position: absolute;
  top: 5px;
}
.idn_slide_mobile {
  width: 100%;
  height: 75.5vh;
}
.promosi-btn-wrapper #btn-promo-more {
  background: linear-gradient(111.83deg,#2354ff 24.54%,#1a72ff 72.94%);
  box-shadow: inset 0 0 9px #2354ff, 0px -3px 5px #00000057, inset 0 1px rgb(255 255 255 / 50%);
  font-weight: bold;
  color: white !important;
}
.promosi-btn-wrapper #btn-promo-play {
  background: #f9d508 !important;
  font-weight: bold;
  text-shadow: 1px 1px 1px #00000082;
  border: none !important;
  border-radius: 0 0 7px 0 !important;
  box-shadow: inset 0 0 5px #fabf35, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%);
}
.body-mobile main {
  color: black;
  background-color: #173638;
}
.body-mobile .main-content .title-page {
  color: white;
  text-align: center;
}
.peraturan-light .peraturan-content {
  font-size: 1.2rem;
  text-align: justify;
  line-height: 15px;
  margin-top: 0;
}
.peraturan-light .peraturan-content strong {
  font-size: 11px;
  line-height: 15px;
}
.peraturan-button-wrapper {
  margin: 0;
}
.main-content.peraturan-light {
  padding-bottom: 30px;
  top: 70px;
}
.body-mobile .header-wrapper {
  background: linear-gradient(90deg, #0b1c1d, #0b1c1d);
  box-shadow: 7px 0 15px #000000b8;
}
.buttn-header-deposit {
  background: linear-gradient(135deg, #2354ff -2%, #1a72ff 115%) !important;
  padding: 8px 20px 10px 20px  !important;
  border-radius: 8px !important;
  box-shadow: 1px 3px 5px #00000073, inset 0 1px rgb(255 255 255 / 30%) !important;
}
.nmrhoki5dnew span {
  color: white;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 1px;
  text-shadow: 1px 1px 1px #00000070;
}
.nmrhoki4dnew span {
  color: white;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 1px;
  text-shadow: 1px 1px 1px #00000070;
}
header.header-after-login .header-wrapper img {
  filter: drop-shadow(1px 1px 1px #0000006e);
}

.grubsearchPasaranutama {
  width: 100%;
  position: relative;
  padding: 5px 10px;
  display: flex;
  align-items: center;
  margin: 5px auto;
  background: #2354ff;
  border: 0.5px solid #ffffff;
  box-shadow: inset 0 0 5px #ffffff;
  gap: 5px;
  border-radius: 4px;
}
.grubsearchPasaranutama svg {
  box-shadow: none;
  animation: none;
  width: 26px;
  height: 26px;
  background: none;
  padding: 0;
  display: block;
  top: 0;
  stroke: white;
  fill: none;
}
.grubsearchPasaranutama input {
  width: 100%;
  padding: 5px 10px;
  border-radius: 0 4px 4px 0;
  border: 1px solid transparent;
  outline: none;
}
#game-slot .slot-content {
  background: transparent;
  box-sizing: border-box;
  width: 100%;
  justify-items: center;
}
#game-slot .slot-content img {
  box-shadow: inset 0 0 5px #2354ff, 1px 1px 1px rgb(0 0 0 / 26%), inset 0 1px rgb(255 255 255 / 50%);
  position: relative;
  background: transparent;
  padding: 5px !important;
  overflow: hidden !important;
  margin: 0 2px;
  border: 1px solid #2354ff;
}
.button-lobby-container .button-lobby-wrapper>.button-filter-lobby {
  background: #2354ff;
  border: 0.5px solid #ffffff;
  box-shadow: inset 0 0 5px #ffffff;
  font-weight: bold;
  letter-spacing: 1px;
  color: black;
}
.button-lobby-container .button-lobby-wrapper>.button-filter-lobby.active, .button-lobby-container .button-lobby-wrapper>.button-filter-lobby:hover {
  opacity: 1;
}
main .main-content {
  background-color: #173638;
}
.lobby-content-top {
  background: #11282a;
}
.lobby-content-top .mb-lobby-balance .btn-refresh-balance {
  color: white;
  border-radius: 6px;
  padding-right: 10px;
  padding-left: 10px;
}
.button-lobby-container .button-lobby-wrapper>.button-filter-lobby#rtp_l21 {
  background: linear-gradient(111.83deg,#2354ff 24.54%,#1a72ff 72.94%);
  border: 0.5px solid #2354ff;
  box-shadow: inset 0 0 5px #2354ff;
  color: white;
  text-shadow: 1px 1px 1px #00000054;
}
.bg-grey {
  background-color: transparent !important;
  border: none;
}
#bank.bg-grey {
  background-color: transparent !important;
  border: none;
  margin-top: 10px;
}
#bank .p-3 {
  padding: 0 !important;
}
#bank .capitalizebank-status-item {
  box-shadow: 1px 2px 5px rgb(0 0 0 / 10%), inset 0 1px rgb(255 255 255 / 30%);
  background: white;
  border: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px !important;
}
#bank .capitalizebank-status-item .pyx-3 {
  padding-top: 0;
}
.submit-depo {
  width: 90%;
  position: relative;
  left: 0;
  margin: 10px 20px;
  background: linear-gradient(to top, #2354ff 35%, #1a72ff 155%), linear-gradient(313deg, rgba(255, 255, 255, 0.25) 0%, rgb(255 241 0 / 0%) 60%);
  box-shadow: inset 0 0 5px #2354ff, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%);
  border-radius: 6px !important;
}
.btn-wd.btn-kirim {
  background: linear-gradient(to top, #2354ff 35%, #1a72ff 155%), linear-gradient(313deg, rgba(255, 255, 255, 0.25) 0%, rgb(255 241 0 / 0%) 60%);
  box-shadow: inset 0 0 5px #2354ff, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%);
  border-radius: 6px !important;
}
.btn-wd.btn-batal {
  background: linear-gradient(to top, #810000 35%, #d80f0f 155%), linear-gradient(313deg, rgba(255, 255, 255, 0.25) 0%, rgb(255 241 0 / 0%) 60%) !important;
  border: 0.5px solid #c80000 !important;
  box-shadow: inset 0 0 5px #b30000, 0px 3px 5px #a4010157, inset 0 1px rgb(255 255 255 / 60%) !important;
  border-radius: 6px !important;
}
.button-history-container .button-history-wrapper>.btn-filter {
  background: #2354ff !important;
  border: 0.5px solid #ffffff;
  box-shadow: inset 0 0 5px #ffffff;
  letter-spacing: 1px;
}
.button-history-container .button-history-wrapper>.btn-filter.active, .button-history-container .button-history-wrapper>.btn-filter:hover {
  background: #ffde00 !important;
  color: black;
  border: 1px solid #ffd749;
}
.games-btn-container .btn-games-wrapper .btn-game-hs {
  padding: 1rem 0.5rem !important;
  background: #000a26 !important;
  border: 0.5px solid #2354ff !important;
  box-shadow: inset 0 0 5px #2354ff !important;
  border-radius: 6px !important;
}
.table-history td, .table-history th {
  border: none !important;
}
.content-history {
  margin-top: 3rem;
  padding: 15px;
  background: #000a26;
  border: 0.5px solid #2354ff;
  box-shadow: inset 0 0 5px #2354ff;
  border-radius: 6px !important;
}
.content-history h3 {
  color: white;
}
.referral-load .button-referral {
  color: white !important;
  background: linear-gradient(to top, #2354ff 35%, #4b70ff 155%), linear-gradient(313deg, rgba(255, 255, 255, 0.25) 0%, rgb(255 241 0 / 0%) 60%);
  border: 0.5px solid #2354ff;
  box-shadow: inset 0 0 5px #2354ff, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%) !important;
  border-radius: 6px !important;
  padding: 8px 26px !important;
}
.referral-activation {
  background: #2354ff !important;
}

.formSubmitButtonErrorsWrap button[value^="DAFTAR"] {
  background: linear-gradient(to top, #f89e00 35%, #ffc153 155%), linear-gradient(313deg, rgba(255, 255, 255, 0.25) 0%, rgb(255 241 0 / 0%) 60%);
  border: 0.5px solid #ffd07c;
  box-shadow: inset 0 0 5px #ffd07c, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%) !important;
  border-radius: 6px !important;
}
a[href^="/m/list-transaksi/1/old"],
a[href^="/m/list-transaksi/1"]{
  background: linear-gradient(to top, #f89e00 35%, #ffc153 155%), linear-gradient(313deg, rgba(255, 255, 255, 0.25) 0%, rgb(255 241 0 / 0%) 60%);
  border: 0.5px solid #ffd07c;
  box-shadow: inset 0 0 5px #ffd07c, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%) !important;
  border-radius: 6px !important;
}
.hadiah-load div[onclick^="slide(1)"],
.hadiah-load div[onclick^="slide(2)"] {
  background: linear-gradient(to top, #15687d 35%, #1e9fbe 155%), linear-gradient(313deg, rgba(255, 255, 255, 0.25) 0%, rgb(255 241 0 / 0%) 60%);
  box-shadow: inset 0 0 5px #35d4fa, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%);
  border-radius: 6px !important;
  padding-bottom: 14px !important;
}
.news-body .gmbnews {
  width: 50px;
}
.header-menu div[onclick^="slide(1)"],
.header-menu div[onclick^="slide(2)"] {
  background: linear-gradient(to top, #15687d 35%, #1e9fbe 155%), linear-gradient(313deg, rgba(255, 255, 255, 0.25) 0%, rgb(255 241 0 / 0%) 60%);
  box-shadow: inset 0 0 5px #35d4fa, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%);
  border-radius: 6px !important;
  padding-bottom: 14px !important;
}
.game-button .game-list {
  padding: 2px;
  text-align: center;
  width: 25%;
  border-radius: 6px !important;
  background: #000a26;
  border: 0.5px solid #2354ff;
  box-shadow: inset 0 0 5px #2354ff;
}
.main-content .text-hubungi-kami {
  color: white;
}
.hubungi-kami-warpper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 10px;
}
.hubungi-kami-content2 {
  display: flex !important;
  align-items: center;
  flex-direction: column;
  width: 30%;
  justify-content: center;
  gap: 10px;
}
.hubungi-kami-content2 a {
  width: 100%;
}
.contact-icon-big {
  border-radius: 50%;
}
.nav-item.downapk p {
  margin-left: 14px;
}
.nav-item.downapk .fab, .nav-item.downapk .fas  {
  font-size: 22px;
}
.nav-item.downapk .unselected-item {
  margin-top: 0;
  right: 0;
}
.apk_download {
  background: linear-gradient(176deg, #960300, #710100);
  padding-left: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: auto;
}
.apk_download a {
  padding-left: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
}
.header-memo .active {
  background: linear-gradient(to top, #1e1f1f 35%, #353535 155%), linear-gradient(313deg, rgba(255, 255, 255, 0.25) 0%, rgb(255 241 0 / 0%) 60%);
  border: 0.5px solid #646464;
  box-shadow: inset 0 0 5px #646464, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%);
  border-radius: 6px !important;
  font-size: 13px;
}
.apk_download.buktijp {
  background: linear-gradient(111.83deg,#2354ff 24.54%,#1a72ff 72.94%) !important;
  box-shadow: inset 0 0 9px #2354ff;
}
.apk_download.buktijp .nav-item.downapk p {
  margin-left: 17px;
}
.hidden-overlaybjp {
display: none !important;
}

.collapsed-sidebarbjp {
width: 0 !important;
}
.invoice-load {
  padding: 5px;
  background: #151b32;
}
.invoice-load input {
  padding: 5px;
}
.copier {
  background: linear-gradient(to top, #0f79e1 35%, #001a6f 155%), linear-gradient(313deg, rgba(255, 255, 255, 0.25) 0%, rgb(255 241 0 / 0%) 60%) !important;
  box-shadow: inset 0 0 5px #1c8bff, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%) !important;
}
.numberDot::placeholder {
  color: #bebebe !important;
}
.inner-wrap.p-0 .panel-blue div {
  overflow: auto;
}
.qr-bank-img {
  filter: contrast(0.5) brightness(1.5);
}
.game-wrapper .game-lobby-content .gamenew-wrapper {
  background: transparent;
  align-items: flex-start;
}
.game-wrapper .game-lobby-content .gamenew-wrapper>span {
  color: #2354ff;
}
.game-wrapper .game-lobby-content {
  background-color: #dfdfdf;
  box-shadow: inset 0 0 5px #697bff, 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 1px rgb(255 255 255 / 50%) !important;
  border: 1px solid #2354ff;
  border-radius: 5px;
  height: 100%;
}
.game-wrapper .game-lobby-content .game-title {
  color: white;
  text-align: center;
  white-space: nowrap;
  font-weight: 700;
  background: #2354ff;
  padding: 8px;
}
.game-wrapper .game-lobby-content .game-angka .lobby-game-angka-keluar {
  color: #2354ff;
  font-weight: 700;
  font-size: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mb-sidenav {
  background-color: #11282a;
}
a.promo {
  background: linear-gradient(111.83deg,red 24.54%,#b60202 72.94%);
  font-family: Century\ Gothic,sans-serif;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 24px;
  min-width: 43%;
  text-align: center;
  border-radius: 8px;
  line-height: 35px!important;
  display: block!important;
  height: 40px!important;
  margin-right: 0;
  width: 100%;
  color: #fff;
  box-shadow: inset 0 0 9px #fe5454, inset 0 1px rgb(255 255 255 / 50%);
  margin-bottom: 10px;
}
.body-mobile .fullcontent .inner-wrap {
  background: #173638;
}
.body-mobile .fullcontent .panel-grey {
  background: #0b1659;
  text-align: center;
}
.body-mobile .inner-wrap .panel-blue {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}
.referral-load {
  background: #0b1659 !important;
}
#game-live .lobby-game-angka-keluar {
  font-size: 17px;
}
.detail-referral b {
  color: white;
}
main .container b {
  color: white;
}
main .inner-wrap {
  background: #0b1659 !important;
}
.hadiah-load {
  background: #0b1659 !important;
}
.hadiah-load .accordion-content {
  background: #0b1659 !important;
}
.memo-form label {
  color: white;
}
.sidenav-header .buttonWrap {
  padding-bottom: 12px;
}
@media screen and (max-width: 768px) {
  .idn_slide_mobile {
      height: 100%;
  }
}

@media screen and (max-width: 389px) {
  .idn_slide_mobile {
      height: 15vh;
  }
}
#content .splide__pagination__page {
  width: 8px;
  height: 8px;
  background-color: #de0d0d;
  background-size: 100%;
  background-position: center;
  animation: spin 1s linear infinite;
}
#content .splide__pagination__page.is-active {
  width: 10px;
  height: 10px;
  filter: contrast(1) brightness(1.2);
}
#content .splide__progress__bar {
  background: #2354ff;
}
#content .splide__progress {
  z-index: 1;
}
#content .splide__slide {
  display: flex;
  justify-content: center;
  overflow: hidden !important;
}
#content .info_promoctz {
  display: none;
  position: absolute;
  top: 5px;
  right: 5px;
  text-align: center;
  font-size: 9px;
  background: linear-gradient(176deg, #ffde01, #f8c319);
  box-shadow: 0px 1px 1px rgb(155 7 5), inset 0 1px rgb(255 255 255 / 30%);
  padding: 2px 10px;
  border-radius: 4px;
  color: black;
  font-weight: 700;
  border: 1px solid transparent;
  animation: showdratas 0.5s;
  transition: all 0.3s ease;
}
#content .is-visible .info_promoctz {
  display: block;
}
#content .info_promoctz:hover {
  border: 1px solid #ffde01;
  background: transparent;
  color: #ffde01;
}
@keyframes showdratas {
  0% {
      top: -25px;
  }
  100% {
      top: 5px;
  }
}
#content .splide__pagination {
  width: 100%;
  background: linear-gradient(to top, black, transparent);
  bottom: 0;
  padding-top: 20px;
  padding-bottom: 5px;
}
.ghtombolkembali {
  width: 100px;
  text-align: center;
  position: absolute;
  right: 15px;
  top: 20px;
  background: linear-gradient(135deg, #fbb03b -2%, #e08814 115%) !important;
  box-shadow: 1px 3px 5px #00000073, inset 0 1px rgb(255 255 255 / 30%) !important;
  border-radius: 8px;
  padding: 5px;
  color: white;
  font-family: aller;
  font-size: 14px;
}

/* modal promo */
.l21modalpromo {
  position: fixed;
  width: 100%;
  height: 100vh;
  z-index: 9999999999;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  background: #131313db;
}
.komponenpromo {
  width: 500px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  box-shadow: 8px 12px 20px #00000082, inset 0 1px rgb(255 255 255 / 30%), 0px 2px 5px #00000075;
  position: relative;
  animation: jujumuncul 0.3s;
}
@keyframes jujumuncul {
  0% {
      transform: scale(0.3);
  }
  50% {
      transform: scale(1.1);
  }
  100% {
      transform: scale(1);
  }
}
.komponenpromo h3 {
  width: 100%;
  text-align: center;
  background: white;
  padding: 5px 0;
  font-family: system-ui !important;
  font-weight: 900;
  letter-spacing: 1px;
  color: black;
  text-transform: uppercase;
  margin: 0;
  border-radius: 9px 9px 0 0;
}
.bodymodalpromo {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.bodymodalpromo img {
  width: 100%;
}
.posisiahref {
  position: absolute;
  bottom: 20%;
}
.posisiahref[data-btnswitch="0"] {
  display: none;
}
.btnclaimpromo {
  outline: none;
  border: none;
  padding: 5px 20px;
  border-radius: 8px;
  background: linear-gradient(to top, #72471d 40%, #c3a768);
  font-size: 18px;
  font-weight: 900;
  box-shadow: 0px 5px 10px black, inset 0 1px rgb(255 255 255 / 30%), 0px 2px 5px #00000075;
  color: #fbcd06;
  stroke: black;
  cursor: pointer;
  text-shadow: 0 0 2px black;
  animation: ffdge 1.2s linear infinite;
  transition: all 0.3s ease;
}
.btnclaimpromo:hover {
  background: linear-gradient(to top, #b87a3e 40%, #f6dfac);
  color: white;
  transform: scale(1.03);
  box-shadow: 0px 8px 20px black, inset 0 1px rgb(255 255 255 / 30%), 0px 2px 5px #00000075, 0 0 20px #f8ebe2;
  animation:none;
}
@keyframes ffdge {
  0% {
      transform: scale(1);
      box-shadow: 0px 5px 10px black, inset 0 1px rgb(255 255 255 / 30%), 0px 2px 5px #00000075;
  }
  50% {
      transform: scale(1.03);
      filter: brightness(1.5);
      box-shadow: 0px 8px 20px black, inset 0 1px rgb(255 255 255 / 30%), 0px 2px 5px #00000075, 0 0 20px #f8ebe2;
  }
  100% {
      transform: scale(1);
      box-shadow: 0px 5px 10px black, inset 0 1px rgb(255 255 255 / 30%), 0px 2px 5px #00000075;
  }
}
.tutupmodalpromo {
  outline: none;
  border: none;
  padding: 5px 0;
  width: 100%;
  cursor: pointer;
  font-weight: 900;
  color: black;
  font-size: 17px;
  letter-spacing: 1px;
  border-radius: 0 0 9px 9px;
  transition: all 0.3s ease;
}
.tutupmodalpromo:hover {
  background: black;
  color: white;
}
.hrfx {
  width: 20px;
  height: 20px;
  position: absolute;
  top: -25px;
  right: -30px;
  background: white;
  padding: 15px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: black !important;
  font-weight: bolder !important;
  box-shadow: 8px 12px 20px #00000082, inset 0 1px rgb(255 255 255 / 30%), 0px 2px 5px #00000075;
  cursor: pointer;
  transition: all 0.3s ease;
}
.hrfx:hover {
  background: black;
  color: white !important;
}

/* animasi spinner */
.ghspin {
  position: fixed;
  bottom: 20%;
  left: 1px;
  width: 90px;
  z-index: 3;
  overflow: initial !important;
}
.ghrodasping {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  overflow: initial !important;
}
.ghrodasping .backroda {
  width: 100%;
  position: absolute;
  filter: drop-shadow(1px 2px 2px #00000042);
}
.ghrodasping .nominalroda {
  width: 75.6%;
  position: absolute;
  top: -34px;
  left: 12.3px;
  animation: putarroda 5s linear infinite;
}
@keyframes putarroda {
  0% {
      transform: rotateZ(0deg);
  }
  100% {
      transform: rotateZ(-360deg);
  }
}
.ghrodasping .pinroda {
  width: 50%;
  position: absolute;
  top: -21px;
  left: 24px;
}
.ghlogspin {
  width: 90px;
  position: relative;
  z-index: 1;
  left: 0px;
  bottom: -27px;
}
.ghlink {
  position: relative;
  z-index: 1;
  bottom: -23px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  overflow: initial !important;
}
.ghbtnspin {
  width: 90%;
  outline: none;
  border: none;
  border-radius: 9px;
  padding: 3px;
  font-size: 8px;
  letter-spacing: 2px;
  background: linear-gradient(45deg, #fcdb08, #fc8604);
  color: #8e1502;
  font-weight: 800;
  box-shadow: inset 0 1px rgb(255 255 255 / 30%), 1px 2px 2px #00000042;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
}
.ghbtnspin:hover {
  background: linear-gradient(45deg, white, white);
  animation: none;
}
#ghclose {
  position: absolute;
  top: -12px;
  right: 0;
  color: white;
  font-size: 10px;
  background: #00000078;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2px 3px 2px;
  cursor: pointer;
  z-index: 1;
  transition: all 0.3s ease;
}
#ghclose:hover {
  background: white;
  color: black;
}

/* running text spinner */
.ghtextberjalan {
  width: 100%;
  height: 20px;
  overflow: hidden;
  position: relative;
  padding-top: 5px;
  background: #2a2e33;
  display: flex;
  align-items: center;
}

.ghgrouprun {
  color: white;
  font-size: 11px;
  white-space: nowrap;
  position: absolute;
  animation: marqueespinner 25s linear infinite;
}

@keyframes marqueespinner {
  0% { left: 100%; }
  100% { left: -200%; }
}
#ghidmember,
#ghnominal,
#ghluckyspinl21 {
  color: #fcfb60;
  font-weight: 700;
}
.inner-wrap .panel-blue .bank-status .bank {
  width: 100%;
}
.buttonjoin #slotgacorbutt {
  background: linear-gradient(131deg, #8f7b35, #fcde72, #8f7b35), linear-gradient(225deg, rgb(255 255 255 / 43%) 0%, rgb(255 255 255 / 58%) 60%);
  box-shadow: inset 0 1px #fcde72, inset 0 0 5px #fcde72;
  background-size: 200% 200%;
  text-shadow: 1px 1px 1px #00000052;
  border: none;
  animation: backgroundAnimation 10s ease infinite;
}


@media screen and (max-width: 768px) {
  .l21modalpromo {
      padding: 0 20px;
  }
  .komponenpromo {
      width: 100%;
      overflow: initial;
  }
  .hrfx {
      top: -35px;
      right: -15px;
  }
  .posisiahref {
      width: 100%;
      display: flex;
      justify-content: center;
      overflow: initial !important;
  }
}

.inner-wrap .panel-blue .left {
  float: unset;
}
.inner-wrap .panel-blue .right {
  float: unset;
}
.buttons {
  font-size: 16px;
}

a[href^="/m/list-transaksi/1/old"], a[href^="/m/list-transaksi/1"] {
  color: white;
  background: linear-gradient(to top, #2354ff 35%, #4757fb 155%), linear-gradient(313deg, rgba(255, 255, 255, 0.25) 0%, rgb(255 241 0 / 0%) 60%);
  border: 0.5px solid #2354ff;
  box-shadow: inset 0 0 5px #2354ff, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%) !important;
  border-radius: 6px !important;
}

.hadiah-load div[onclick^="slide(1)"], .hadiah-load div[onclick^="slide(2)"],
.header-menu div[onclick^="slide(1)"], .header-menu div[onclick^="slide(2)"] {
    background: linear-gradient(to top, #2354ff 35%, #4b70ff 155%), linear-gradient(313deg, rgba(255, 255, 255, 0.25) 0%, rgb(255 241 0 / 0%) 60%);
    box-shadow: inset 0 0 5px #2354ff, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%);
    border-radius: 6px !important;
    padding-bottom: 14px !important;
    font-weight: 700;
}

.btn-peraturan {
  background: linear-gradient(to top, #2354ff 35%, #4757fb 155%), linear-gradient(313deg, rgba(255, 255, 255, 0.25) 0%, rgb(255 241 0 / 0%) 60%);
  border: 0.5px solid #2354ff;
  box-shadow: inset 0 0 5px #2354ff, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%) !important;
  border-radius: 6px !important;
}

.peraturan-content {
  margin: 0 !important;
}

.main-content {
  background: #0b1659 !important;
  color: #fff;
}

.body-mobile main {
  background: #0b1659 !important;
  background-color: #0b1659 !important;
}

.body-mobile .header-wrapper,.main-content.peraturan-light,header .header-wrapper {
  background: #050b3c !important;
  border-bottom: 1px solid #242776 !important;
  box-shadow: 0 5px 10px #0000007d !important;
}

.lobby-content-top {
  background: #0b1659 !important;
  padding: 1.5rem !important;
}

main .main-content {
  background: #0b1659 !important;
}

.button-lobby-container .button-lobby-wrapper>.button-filter-lobby {
  background: #2354ff !important;
  color: #fff !important;
  box-shadow: 1px 2px 5px rgb(0 0 0 / 30%), inset 0 1px rgb(255 255 255 / 80%), inset 2px 0 rgb(255 255 255 / 20%), inset -2px 0 rgb(255 255 255 / 20%), inset 0px -2px rgb(255 255 255 / 10%);
  font-weight: 500;
  text-shadow: -1px 2px 2px #00000036;
}

.game-wrapper .game-lobby-content {
  background: #00103b !important;
}

.game-wrapper .game-lobby-content .game-lobby-bottom {
  height: 30px !important;
}

.game-wrapper .game-lobby-content .game-lobby-bottom .timer-game {
  color: #fcf049 !important;
  font-size: 1.4rem !important;
  font-weight: 700;
}

.game-wrapper .game-lobby-content .game-angka {
  height: 5rem !important;
}

.game-wrapper .game-lobby-content .game-angka .lobby-game-angka-keluar {
  min-height: 0;
  padding: 5px;
  /* font-size: 2.5rem !important; */
  color: #ffffff !important;
  letter-spacing: 2px;
}

.footer-bottom {
  background: #2354ff !important;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  color: #ffffff !important;
  font-weight: 700;
}

.content-history .history-pagination .pagination-items>span {
  color: black;
}

.content-history .table-history-warapper .table-history {
  font-size: 12px !important;
}

.ref-my-10 {
  color: #ffffff !important;
}

#contenthistory .inner-wrap .color-grey {
  color: white !important;
}

.games-btn-container.show {
  background: #0b1659 !important;
}

.promosi-content-container .promosi-more {
  background-color: #00368d !important;
}

#prize-container .addpad .color-grey{
  color: white !important;
}

.news-card {
  background: #0042ab !important;
}

.news-detail {
  background: #031468 !important;
  color: white;
}

.row-legend {
  display: flex;
}



#game-togel-all .lobby-game-angka-keluar {
  font-size: 2.2rem !important
}

.main-content .header-menu {
  background: #151b32;
}

.game-button .game-list {
  background-color: #151b32 !important;
}



#pop-up-container {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  position: fixed;
  z-index: 11;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#pop-up-wrapper {
  width: 94%;
  min-width: 300px;
  max-width: 500px;
  min-height: 210px;
  position: relative;
  z-index: 11;
  overflow: visible;
}

#pop-up-wrapper img {
  width: 100%;
}

#pop-up-wrapper button {
  width: 100%;
  padding: 0.75rem;
  font-size: 1.25rem;
  font-weight: 700;
  border: none;
  border-radius: 0 0 5px 5px;
  margin: 0;
  background-color: #fcff00;
}

.gray-bg {
  background: transparent;
}

.swirl-in-fwd {
  -webkit-animation: swirl-in-fwd 0.6s ease-out both;
  animation: swirl-in-fwd 0.6s ease-out both;
}

.x-mark-container {
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: black;
  border-radius: 50%;
  width: 8%;
}

#bg-black {
  background-color: rgba(0, 0, 0, 0.75);
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@-webkit-keyframes swirl-in-fwd {
  0% {
      -webkit-transform: rotate(-540deg) scale(0);
      transform: rotate(-540deg) scale(0);
      opacity: 0;
  }

  100% {
      -webkit-transform: rotate(0) scale(1);
      transform: rotate(0) scale(1);
      opacity: 1;
  }
}

@keyframes swirl-in-fwd {
  0% {
      -webkit-transform: rotate(-540deg) scale(0);
      transform: rotate(-540deg) scale(0);
      opacity: 0;
  }

  100% {
      -webkit-transform: rotate(0) scale(1);
      transform: rotate(0) scale(1);
      opacity: 1;
  }
}

.swirl-out-bck {
  -webkit-animation: swirl-out-bck 0.6s ease-in both;
  animation: swirl-out-bck 0.6s ease-in both;
}

@-webkit-keyframes swirl-out-bck {
  0% {
      -webkit-transform: rotate(0) scale(1);
      transform: rotate(0) scale(1);
      opacity: 1;
  }

  100% {
      -webkit-transform: rotate(-540deg) scale(0);
      transform: rotate(-540deg) scale(0);
      opacity: 0;
  }
}

@keyframes swirl-out-bck {
  0% {
      -webkit-transform: rotate(0) scale(1);
      transform: rotate(0) scale(1);
      opacity: 1;
  }

  100% {
      -webkit-transform: rotate(-540deg) scale(0);
      transform: rotate(-540deg) scale(0);
      opacity: 0;
  }
}

.fade-in {
  -webkit-animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@-webkit-keyframes fade-in {
  0% {
      opacity: 0;
  }

  100% {
      opacity: 1;
  }
}

@keyframes fade-in {
  0% {
      opacity: 0;
  }

  100% {
      opacity: 1;
  }
}

.fade-out {
  -webkit-animation: fade-out 1s ease-out both;
  animation: fade-out 1s ease-out both;
}

@-webkit-keyframes fade-out {
  0% {
      opacity: 1;
  }

  100% {
      opacity: 0;
  }
}

@keyframes fade-out {
  0% {
      opacity: 1;
  }

  100% {
      opacity: 0;
  }
}

header.header-after-login .header-wrapper img {
  width: 170px !important;
}

@media screen and (min-width: 353px) and (max-width: 392px) {
  header.header-after-login .header-wrapper img {
    width: 160px !important;
  }
}
@media screen and (max-width: 352px) {
  header.header-after-login .header-wrapper img {
    width: 150px !important;
  }
}
@media screen and (max-width: 318px) {
  header.header-after-login .header-wrapper img {
    width: 140px !important;
  }
}

.inner-wrap .panel-blue .button-red[value="Submit"],
.inner-wrap form .button-blue[value="KONFIRMASI"],
.inner-wrap form .button-blue[value="KIRIM"] {
  background: linear-gradient(to bottom, #18ff23, #00d608, #019902) !important;
  color:#fff !important;
  border:1px solid #189400 !important;
  box-shadow: inset 0 0 5px #16b200, 0px 3px 5px #00000057, inset 0 1px rgb(255 255 255 / 60%) !important;
}

.all-elements #content.page-content .content .container.main.no-bottom h3.color-blue {
  color: #ffc82d !important;
}

.no-bottom .button-blue:active {
  background-color: #2354ff;
}

/* .navigation-item .downapk {
  background-image: url(https://serbajituvip.com/m/assets/img/ui/history.png) !important;
  background-position: 20px 12px !important;
  background-size: 34px 35px !important;
  background-repeat: no-repeat !important;
} */
.mb-sidenav .side-link-container>li {
  margin: unset;
  line-height: unset;
  list-style: none;
  padding: 1.25rem 1.5rem;
  border-bottom: 2px solid #000 !important;
  background: linear-gradient(245.59deg, #1400ff 0, #6856ff 28.53%, #0008ff 75.52%) !important;
}
@media screen and (max-width: 900px){
  .bank img:first-child {
    width: 65px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin-left: auto !important;
    margin-right: 2px !important;
    margin-top: 6px !important;
    margin-bottom: auto !important;
  }
  .bank {
    border-radius: 10px !important;
    padding: 0px !important;
    height: 40px !important;
    width: 46% !important;
    margin-left: 7px !important;
    border: groove 3px;
  }
  .bank img:last-child {
    width: 35% !important;
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px !important;
    padding: 0;
  }
}
.pesan-rahasia{background:#212121;padding:10px;border-radius:10px;margin:0 18px;font-size:12px;color:white;font-family:helvetica;border:2px solid transparent;background-clip:padding-box;animation:borderAnimation 2s ease-in-out infinite;text-align:center;font-weight:bold;pointer-events:none}.pesan-rahasia1{position:relative;bottom:-740px;background:#212121;padding:10px;border-radius:9px;font-size:12px;color:white;font-family:helvetica;border:2px solid transparent;background-clip:padding-box;animation:borderAnimation 2s ease-in-out infinite;text-align:center;font-weight:bold;pointer-events:none}.pesan-rahasia2{position:relative;bottom:-770px;background:#212121;padding:10px;border-radius:9px;font-size:12px;color:white;font-family:helvetica;border:2px solid transparent;background-clip:padding-box;animation:borderAnimation 2s ease-in-out infinite;text-align:center;font-weight:bold;pointer-events:none}@media only screen and (max-width:450px){.pesan-rahasia1{bottom:-789px}.pesan-rahasia2{bottom:-475px}}@keyframes borderAnimation{0%{border-color:red}25%{border-color:#f0f}50%{border-color:#00f}75%{border-color:#0ff}100%{border-color:#0f0}}