.live1{
    width: 96%;
    margin: clamp(0px, 1vw, 4.14px) auto;
    border-radius: clamp(0px, 1vw, 4.14px);
    box-shadow: 0 0 3vw 0.2vw var(--live1-box-shadow);
}

.live1 .inner {
    width: 100%;
    border-radius: clamp(0px, 1vw, 4.14px);
    border: clamp(0px, 0.4vw , 1.656px) solid var(--live1-box-border);
    box-sizing: border-box;
    padding: clamp(0px, 2vw, 8.28px) clamp(0px, 1vw, 4.14px);
    background-color: var(--live1-bg-color);
    background-image: var(--live1-bg-img);
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    gap: clamp(0px, 1vw, 4.14px);
}

.live1 .inner .live1-header{
    display: flex;
    flex-direction: row;    
    justify-content: space-between;                            
}

.live1 .inner .live-img{
    height: clamp(0px, 3vw, 12.42px);
    animation: blink-animation 1s infinite;
}

@keyframes blink-animation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.live1 .inner .content{
    display: flex;
    flex-direction: row;
    gap: clamp(0px, 1vw, 4.14px);
}

.live1 .inner .top-up-div{
    display: flex;
    flex-direction: column;
    width: 40%;
    gap: clamp(0px, 1vw, 4.14px);
}

.live1 .inner .top-up-title{
    display: flex;
    width: 100%;
    height: clamp(0px, 5vw, 20.7px);
    border-radius: clamp(0px, 1vw, 4.14px);
    justify-content: center;
    align-items: center;
    background-color: var(--live1-top-up-bg-color);
    background-image: var(--live1-top-up-bg-img);
    background-size: cover;
    background-position: center;
}

.live1 .inner .top-up-content{
   display: flex;
   flex-direction: column-reverse;
   padding: 0 clamp(0px, 1vw, 4.14px);
   box-sizing: border-box;
   gap: clamp(0px, 1vw, 4.14px);
   overflow: hidden; 

}

.live1 .inner .top-up-item{
    display: flex;
    flex: 1; 
    justify-content: space-between;
    transition: transform 0.5s ease-in-out;
    transform: translateY(0); 
}

.live1 .inner .top-up-item > div{
    flex: 1;
    padding-right: clamp(0px, 0.5vw, 2.07px);
    box-sizing: border-box;
}

.live1 .inner .win-div{
    display: flex;
    flex-direction: column;
    width: calc(60% - clamp(0px, 1vw, 4.14px));
    gap: clamp(0px, 1vw, 4.14px);
}

.live1 .inner .win-title{
    display: flex;
    width: 100%;
    height: clamp(0px, 5vw, 20.7px);
    border-radius: clamp(0px, 1vw, 4.14px);
    justify-content: center;
    align-items: center;
    background-color: var(--live1-win-bg-color);
    background-image: var(--live1-win-bg-img);
    background-size: cover;
    background-position: center;
}

.live1 .inner .win-content{
    display: flex;
    flex-direction: column-reverse;
    padding: 0 clamp(0px, 1vw, 4.14px);
    box-sizing: border-box;
    gap: clamp(0px, 1vw, 4.14px);
 }

.live1 .inner .win-item{
    display: flex;
    flex: 1; 
    justify-content: space-between;
}

.live1 .inner .win-item .flex-end{
    display: flex;
    /* justify-content: flex-end; */
}

.live1 .inner .win-item > div{
    flex: 1;
    padding-right: clamp(0px, 0.1vw, 1px);
    box-sizing: border-box;
}

/* Blink animation */
@keyframes blink {
    0%, 100% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
  }
  
  .blink {
    animation: blink 1s infinite; /* Blink animation */
  }