.caption {
    margin: 30px 0px 0 6px;
    background: linear-gradient(180deg, #fff306 0%, #f5ed1e 100%);
    color: #000000;
    padding: 0px 5px;
    border-radius: 0px 25px 0px 25px;
    box-shadow: 0 0 12px #000000;
    width: 155px;
    text-align: center;
}
#feedback {
    width: 100%;
    display: -webkit-inline-box;
    overflow: scroll;
    margin: 5px 0px -16px 0px;
}
.card1, .card2, .card3, .card4, .card5 {
    background: linear-gradient(180deg, #fff306 0%, #f5ed1e 100%);
    padding: 20px 25px;
    border-radius: 15px;
    max-width: 250px;
    text-align: center;
    margin: 4px;
    display: flex;
    flex-direction: column;
    height: 155px;
    box-shadow: 0 0 3px #000000;
}
.card1 p, .card2 p, .card3 p, .card4 p, .card5 p {
      margin: 5px 0;
    font-size: 11px;
      line-height: 1.5;
    color: #000;
}
.card1 h3, .card2 h3, .card3 h3, .card4 h3, .card5 h3 {
    margin: 0px 0px 10px 0px;
    font-size: 12px;
    color: #000;
    line-height: 1.5;
}
.stars {
    color: #ffc107;
    font-size: 17px;
    margin: 5px 0 0px;
    animation: pulse 1s infinite ease-in-out alternate;
}
.player {
    font-size: 12px;
    color: #000;
}


.footer-wrapper {
    margin: -10px;
}
#main-footer-license {
    padding: 0 20px 0px;
    color: #000;
    font-size: 0.625rem;
    background-color: transparent;
    margin: 15px 0 0 0;
}
#main-footer-license > div {
    padding: 20px 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.flex {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
dl, ol, ul {
    margin-top: 0;
    margin-bottom: 0rem;
}
#main-footer-license img.payment-icon {
    height: 40px;
    object-fit: contain;
    margin-right: 100%;
    margin-bottom: 0;
}
.justify-content-start {
    -ms-flex-pack: start!important;
    justify-content: flex-start!important;
}
#main-footer-license img.certification-icon {
    height: 35px;
    object-fit: contain;
    margin-right: 12px;
}
#main-footer-license .game-license-img img {
    width: 80px;
    height: auto;
}
.game-license-img.width-30 {
    width: 70%;
}
.width-65 {
    width: 70%;
}
.w-50 {
    width: 50%!important;
}
#main-footer-license img.social-icon:not(:last-child), 
#main-footer-license img.resp-game-icon:not(:last-child) {
    margin-right: 12px;
}
#main-footer-license img.resp-game-icon {
    height: 40px;
    width: 40px;
    object-fit: contain;
}
#main-footer-license > div {
    padding: 20px 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}
#main-footer-license > div img.social-icon {
    height: 35px;
    width: 35px;
    object-fit: contain;
}
#main-footer-license > div img.certification-icon {
    height: 30px;
    margin-right: 5px;
    object-fit: contain;
    width: 100%;
    max-width: 80px;
}
.scrollFade {
    opacity: 1;
    pointer-events: all;
}

/*vip*/
#home-balance{
    position: relative; 
    overflow: hidden;
}
.pinfo{
    width: 60%;
}
.links{
width: 170%
}
#level-widget{
border-radius: 10px; text-align: center; width: 40%;position: absolute; font-size: 10px; align-items: center; padding: 0;top: 0;right: 0;
}
.leveltitle{
margin: 0; font-size: 16px; font-weight: bold;padding: 5px 0; 
border-radius: 10px 0 10px 0; 
color: white; 
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}



/* ========================================
   SPINSINI1 Notice Popup
   Yellow & Gold Theme
   Responsive Smaller Version
======================================== */

html,
body{
  margin:0 !important;
  padding:0 !important;
  width:100% !important;
  overflow-x:hidden !important;
  -webkit-text-size-adjust:100% !important;
  text-size-adjust:100% !important;
}


/* ========================================
   Popup Overlay
======================================== */

#promoPopup,
.popup-overlay{
  position:fixed !important;
  inset:0 !important;
  z-index:999999 !important;

  display:none !important;
  justify-content:center !important;
  align-items:center !important;

  padding:14px !important;
  box-sizing:border-box !important;

  background:rgba(0,0,0,0) !important;
}

#promoPopup{
  opacity:0 !important;
  visibility:hidden !important;

  transition:
    opacity .22s ease,
    background-color .22s ease,
    visibility .22s ease !important;
}

#promoPopup.popup-show{
  opacity:1 !important;
  visibility:visible !important;
  background:rgba(0,0,0,.70) !important;
}


/* ========================================
   Popup Box
======================================== */

.popup-box{
  position:relative !important;

  width:84vw !important;
  max-width:320px !important;
  min-width:0 !important;

  margin-top:70px !important;
  padding:11px !important;

  box-sizing:border-box !important;
  overflow:visible !important;

  background:
    linear-gradient(
      180deg,
      #fffef8 0%,
      #fff8d9 100%
    ) !important;

  border:1px solid rgba(224,170,0,.45) !important;
  border-radius:15px !important;

  box-shadow:
    0 15px 45px rgba(0,0,0,.50),
    0 0 0 1px rgba(255,255,255,.9) inset,
    0 0 25px rgba(255,196,0,.18) !important;

  opacity:0 !important;
  transform:scale(.97) !important;

  transition:
    opacity .26s ease,
    transform .26s cubic-bezier(.22,.61,.36,1) !important;

  zoom:1 !important;
}

#promoPopup.popup-show .popup-box{
  opacity:1 !important;
  transform:scale(1) !important;
}


/* ========================================
   Close Button
======================================== */

.popup-close{
  position:absolute !important;
  top:-12px !important;
  right:-10px !important;

  width:34px !important;
  height:34px !important;

  display:flex !important;
  justify-content:center !important;
  align-items:center !important;

  padding:0 0 3px 0 !important;

  border-radius:50% !important;
  border:2px solid #ffffff !important;

  background:
    linear-gradient(
      180deg,
      #ffd83d 0%,
      #f0ad00 100%
    ) !important;

  color:#3b2a00 !important;

  font-family:Arial,sans-serif !important;
  font-size:26px !important;
  font-weight:700 !important;
  line-height:1 !important;

  cursor:pointer !important;
  z-index:999999 !important;

  box-shadow:
    0 4px 12px rgba(0,0,0,.35),
    0 0 0 1px rgba(153,103,0,.35),
    0 0 10px rgba(255,196,0,.25) !important;

  transition:
    transform .2s ease,
    background .2s ease,
    box-shadow .2s ease !important;
}

.popup-close:hover{
  background:
    linear-gradient(
      180deg,
      #ffe56e 0%,
      #d99400 100%
    ) !important;

  transform:scale(1.08) rotate(5deg) !important;

  box-shadow:
    0 6px 16px rgba(0,0,0,.42),
    0 0 15px rgba(255,196,0,.45) !important;
}

.popup-close:active{
  transform:scale(.95) !important;
}


/* ========================================
   Popup Banner
======================================== */

.popup-banner{
  position:relative !important;

  width:100% !important;
  max-width:278px !important;
  aspect-ratio:1074 / 1415 !important;

  margin:0 auto !important;
  overflow:hidden !important;

  background:#151515 !important;

  border:1px solid rgba(224,170,0,.45) !important;
  border-radius:16px !important;

  box-shadow:
    0 5px 18px rgba(0,0,0,.25),
    0 0 0 2px rgba(255,255,255,.8) inset,
    0 0 14px rgba(255,196,0,.15) !important;
}

.popup-banner img,
#popupImage{
  position:relative !important;
  z-index:1 !important;

  display:block !important;

  width:100% !important;
  height:100% !important;

  object-fit:cover !important;

  border-radius:15px !important;

  cursor:pointer !important;
}


/* ========================================
   Popup Menu
======================================== */

.popup-menu{
  width:100% !important;

  display:grid !important;
  grid-template-columns:1fr 1fr !important;

  gap:7px !important;
  margin-top:9px !important;
}


/* ========================================
   Normal Button
======================================== */

.popup-btn{
  position:relative !important;

  width:100% !important;
  min-height:38px !important;

  padding:9px 5px !important;

  box-sizing:border-box !important;
  overflow:hidden !important;

  border-radius:9px !important;
  border:1px solid #e4c56b !important;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #fff6ce 100%
    ) !important;

  color:#805c00 !important;

  font-family:Arial,sans-serif !important;
  font-size:clamp(9px,2.45vw,11px) !important;
  font-weight:800 !important;
  line-height:1.2 !important;

  cursor:pointer !important;
  text-shadow:none !important;

  transition:
    transform .22s ease,
    background .22s ease,
    border-color .22s ease,
    color .22s ease,
    box-shadow .22s ease !important;

  transform:scale(1) !important;

  box-shadow:
    0 3px 0 #c8a640,
    0 6px 12px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,255,255,1) !important;
}

.popup-btn span{
  position:relative !important;
  z-index:2 !important;
}


/* ========================================
   Button Hover
======================================== */

.popup-btn:hover{
  color:#5f4200 !important;
  border-color:#d8aa19 !important;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #ffe990 100%
    ) !important;

  transform:translateY(-2px) scale(1.025) !important;

  box-shadow:
    0 5px 0 #b89224,
    0 9px 16px rgba(0,0,0,.2),
    0 0 10px rgba(255,196,0,.2),
    inset 0 1px 0 rgba(255,255,255,1) !important;
}


/* ========================================
   Button Press
======================================== */

.popup-btn:active{
  transform:translateY(2px) scale(.99) !important;

  box-shadow:
    0 1px 0 #a98522,
    0 3px 7px rgba(0,0,0,.18),
    inset 0 2px 5px rgba(94,65,0,.14) !important;
}


/* ========================================
   Active Button
======================================== */

.popup-btn.active{
  color:#3a2800 !important;

  border-color:#b27b00 !important;

  background:
    linear-gradient(
      180deg,
      #ffe76c 0%,
      #ffc107 52%,
      #e39a00 100%
    ) !important;

  transform:scale(1.025) !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,.45) !important;

  box-shadow:
    0 3px 0 #9d6900,
    0 7px 15px rgba(218,157,0,.38),
    0 0 14px rgba(255,196,0,.38),
    inset 0 1px 0 rgba(255,255,255,.65) !important;
}

.popup-btn.active:hover{
  background:
    linear-gradient(
      180deg,
      #fff08d 0%,
      #ffd026 52%,
      #dd9200 100%
    ) !important;

  transform:translateY(-2px) scale(1.04) !important;

  box-shadow:
    0 5px 0 #956300,
    0 10px 19px rgba(218,157,0,.48),
    0 0 18px rgba(255,196,0,.48),
    inset 0 1px 0 rgba(255,255,255,.7) !important;
}


/* ========================================
   Banner Change Animation
======================================== */

.popup-img-animate{
  transition:
    opacity .35s ease,
    transform .35s ease !important;
}

.popup-img-animate.changing{
  opacity:0 !important;
  transform:translateX(25px) scale(.97) !important;
}

.popup-img-animate.showing{
  opacity:1 !important;
  transform:translateX(0) scale(1) !important;
}


/* ========================================
   Disable Shine Effect
======================================== */

.shine-effect::before,
.shine-effect::after,
.shine-btn::before,
.shine-btn::after,
.shine-btn.active::before,
.shine-btn.active::after{
  content:none !important;
  display:none !important;
  animation:none !important;
}


/* ========================================
   Mobile Responsive
======================================== */

@media (max-width:480px){

  .popup-box{
    width:84vw !important;
    max-width:325px !important;
    min-width:0 !important;

    margin-top:32px !important;
    padding:10px !important;
  }

  .popup-banner{
    max-width:275px !important;
  }

  .popup-menu{
    gap:6px !important;
    margin-top:8px !important;
  }

  .popup-btn{
    min-height:37px !important;
    padding:8px 4px !important;
  }

  .popup-close{
    top:-11px !important;
    right:-8px !important;

    width:32px !important;
    height:32px !important;

    font-size:24px !important;
  }
}


@media (max-width:380px){

  .popup-box{
    width:80vw !important;
    max-width:288px !important;
    padding:9px !important;
  }

  .popup-banner{
    max-width:260px !important;
  }

  .popup-btn{
    min-height:35px !important;
    padding:7px 3px !important;
    font-size:9px !important;
  }
}


@media (max-width:350px){

  .popup-box{
    width:79vw !important;
    max-width:272px !important;

    padding:8px !important;
    margin-top:28px !important;
  }

  .popup-banner{
    max-width:248px !important;
  }

  .popup-menu{
    gap:5px !important;
  }

  .popup-btn{
    min-height:34px !important;
    padding:7px 2px !important;
    font-size:8.5px !important;
  }

  .popup-close{
    top:-10px !important;
    right:-7px !important;

    width:30px !important;
    height:30px !important;

    font-size:22px !important;
  }
}