.proudct_info_wrap,
.count-down {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.count-down {
margin-top:20px;
}
.section-reveal-wrap {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #1a1b30;
margin: 0;
position: fixed;
top: 0%; left: 0%;
right: 0%;
padding-right: 4%;
z-index: 100;
}
.re-container {
text-align: center;
}
.funnels {
display: flex;
justify-content: space-around;
margin-bottom: 20px;
row-gap: 50px;
}
.funnel {
width: 40px;
height: 220px;
border: 2px solid #333;
background-color: #fff;
display: flex;
flex-direction: column-reverse;
align-items: center;
position: relative;
margin: 0 70px; }
.shaking-container {
width: 140px;
height: 140px;
background-color: #fff;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-top: -80px;
padding: 10px;
}
.result-container {
width: 120px;
height: 120px;
background-color: #fff;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-top: -80px;
padding: 10px;
margin-bottom: -40px;
}
.top-half {
width: 60%;
height: 60%;
background-color: #fff;
border-radius: 50%;
position: relative;
display: flex;
justify-content: center;
align-items: flex-start;  }
.bottom-half {
width: 100%;
height: 60%;
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
position: relative;
border-top: none;
}
.ball {
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #ff8000;
color: #fff;
display: flex;
font-size: 12px;
justify-content: center;
align-items: center;
position: absolute;
transition: transform 0.1s ease, top 1s ease;
}
#start-button {
margin-top: 50px;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
border: none;
background-color: #28a745;
color: #ffffff;
border-radius: 5px;
transition: background-color 0.3s ease;
}
#start-button:hover {
background-color: #218838;
}
#winner-ticket-div {
display: none;
text-align: center;
}
#wx-giveaway-title{
font-size: 7rem;
text-align: center;
border-bottom: 1px solid #fff;
padding-bottom: .4em;
margin-top: .5em;
line-height: 7rem;
}
#winner-ticket-div h2 {
color: white;
font-size: 5rem;
line-height: 1.7em;
text-align: center;
}
.text-gradient {
background: linear-gradient(to left, #ff8000b6, #ff8000);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
} @keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fade-in {
animation: fadeIn 2s ease-in forwards;
}
h3#winner-name {
text-align: center;
border-top: 2px solid #ddd;
border-bottom: 2px solid #dddd;
padding: 15px;
font-size: 50px;
}