/* =====================
   SLIDER / WRAPPER
===================== */
/* =====================
   SLIDER / WRAPPER
===================== */
.wrapper {
    position: absolute;
    top: 30%;
    left: 5%;
    width: 90%;
    height: 500px;
    z-index: 2;
    overflow: hidden;
    perspective: 1200px;
}

#sb-slider {
    margin: 0;
    padding: 0;
    list-style-type: none;
    height: 100%;
    position: relative;
}

#sb-slider li {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

#sb-slider li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Moving logo wrapper */
/* Container for animation */
/* Outer container — hides the overflow */
.logo-marquee {
    position: absolute;
    bottom: 71%; /* or top: 75% if you want it higher */
    left: 0;
    width: 100%;
    overflow: hidden;
    z-index: 99;
    height: 100px;
    background: transparent; 
  }
  
  .logo-track {
    display: flex;
    width: max-content;
    animation: scrollLeftToRight 30s linear infinite;
    gap: 0;
  }
  
  .logo-track img {
    height: 100px;
    width: auto;
    flex-shrink: 0;
  }
  
  
  @keyframes scrollLeftToRight {
    0% {
      transform: translateX(-50%);
    }
  
    100% {
      transform: translateX(0%);
    }
  }
  

/* =====================
   BACKGROUND IMAGE
===================== */
#bg {
    width: 100%;
    height: auto;
    z-index: 1;
    position: relative;
}

/* =====================
   BUTTON
===================== */
.redirect-btn2 {
    bottom: 6%;
    z-index: 53;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
}

.redirect-btn2 img {
    width: 45%;
    animation: pulse 0.9s infinite linear;
}

.redirect-btn1 {
    top: 19.5%;
    z-index: 53;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
}

.redirect-btn1 img {
    width: 45%;
    animation: pulse 0.9s infinite linear;
}

.redirect-btn11 {
    top: 40%;
    z-index: 53;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
}

.redirect-btn11 img {
    width: 45%;
    animation: pulse 0.9s infinite linear;
}

.coin1 {
    top: 18%;
    z-index: 3;
    left: 45%;
    right: 0;
}

.coin1 img {
    width: 10%;
}

.coin2 {
    top: 40%;
    z-index: 3;
    left: 0;
    right: 0;
}

.coin2 img {
    width: 100%;
}

.coin3 {
    top: 72%;
    z-index: 3;
    right: 45%;
}

.coin3 img {
    width: 10%;
}

.dice {
    top: 78%;
    z-index: 1;
    position: absolute;
    left: 50%;
    text-align: center;
}

.dice img {
    width: 25%;
}

.poker_chip {
    top: 58%;
    z-index: 1;
    position: absolute;
    left: 50%;
    text-align: center;
}

.poker_chip img {
    width: 15%;
}




@keyframes pulse {
    0% {
        transform: scale(0.9);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(0.9);
    }
}