.ticket-box{
display:flex;
justify-content:space-between;
align-items:center;
padding:20px;
background:#fff;
border:2px solid #ececec;
border-radius:18px;
transition:.3s;
cursor:pointer;
}

.ticket-box:hover{
border-color:#d71920;
transform:translateY(-5px);
box-shadow:0 15px 30px rgba(0,0,0,.08);
}

.ticket-box p{
margin:0;
color:#777;
font-size:14px;
}

.ticket-box span{
font-weight:700;
font-size:20px;
color:#d71920;
}

.ticket.active .ticket-box{
border-color:#d71920;
background:#fff7f7;
}

/* ==========================
FAQ
========================== */

.accordion-button{
font-weight:600;
padding:20px;
}

.accordion-button:not(.collapsed){
background:#d71920;
color:#fff;
}

.accordion-item{
border:none;
}

/* ==========================
Footer
========================== */

.footer{
background:#101010;
padding:70px 0;
color:#bbb;
}

.footer h5,
.footer h3{
margin-bottom:20px;
}

.footer a{
color:#bbb;
text-decoration:none;
transition:.3s;
}

.footer a:hover{
color:#fff;
padding-left:6px;
}

.social-icons a{
display:inline-flex;
width:45px;
height:45px;
border-radius:50%;
background:#222;
justify-content:center;
align-items:center;
margin-right:10px;
color:#fff;
font-size:18px;
transition:.3s;
}

.social-icons a:hover{
background:#d71920;
transform:translateY(-5px);
}

/* Back To Top */

#backTop{
position:fixed;
right:25px;
bottom:25px;
width:50px;
height:50px;
border:none;
border-radius:50%;
background:#d71920;
color:#fff;
font-size:20px;
display:none;
cursor:pointer;
box-shadow:0 10px 20px rgba(0,0,0,.25);
z-index:999;
}

/* VIDEO */

.video-bg{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
overflow:hidden;
z-index:-2;
}

.video-bg video{
width:100%;
height:100%;
object-fit:cover;
}

.hero{
position:relative;
overflow:hidden;
}

.hero-overlay{
position:absolute;
inset:0;
background:linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.65));
z-index:-1;
}

/* Stats */

.stats{
background:#d71920;
color:#fff;
}

.stats h2{
font-size:48px;
font-weight:700;
}

/* Feature */

.feature-card{
background:#fff;
padding:35px;
border-radius:20px;
text-align:center;
transition:.3s;
box-shadow:0 10px 25px rgba(0,0,0,.08);
height:100%;
}

.feature-card:hover{
transform:translateY(-8px);
}

.feature-card i{
font-size:55px;
color:#d71920;
margin-bottom:20px;
}

/* Loader */

#loader{

position:fixed;

top:0;

left:0;

width:100%;

height:100%;

background:#fff;

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

z-index:99999;

}

.spinner{

width:70px;

height:70px;

border:7px solid #eee;

border-top:7px solid #d71920;

border-radius:50%;

animation:spin 1s linear infinite;

margin-bottom:20px;

}

@keyframes spin{

100%{

transform:rotate(360deg);

}

}

/* Floating Button */

#liveBtn{

position:fixed;

right:20px;

bottom:90px;

background:#d71920;

color:#fff;

padding:15px 22px;

border-radius:50px;

text-decoration:none;

font-weight:600;

box-shadow:0 10px 30px rgba(0,0,0,.25);

z-index:999;

transition:.3s;

}

#liveBtn:hover{

background:#000;

color:#fff;

transform:translateY(-5px);

}

/* Dark */

.dark{

background:#101010!important;

color:#fff!important;

}

.dark .card,

.dark .summary,

.dark .feature-card{

background:#1f1f1f;

color:#fff;

}

/* ==========================
LIVE BADGE
========================== */

.live-badge{

display:inline-flex;

align-items:center;

gap:10px;

background:#d71920;

padding:10px 20px;

border-radius:50px;

font-weight:600;

color:#fff;

margin-bottom:20px;

}

.pulse{

width:12px;

height:12px;

background:#fff;

border-radius:50%;

animation:pulse 1.2s infinite;

}

@keyframes pulse{

0%{

box-shadow:0 0 0 0 rgba(255,255,255,.8);

}

100%{

box-shadow:0 0 0 14px rgba(255,255,255,0);

}

}

/* ==========================
CURSOR GLOW
========================== */

#cursorGlow{

position:fixed;

width:180px;

height:180px;

border-radius:50%;

pointer-events:none;

background:radial-gradient(circle,
rgba(215,25,32,.18),
transparent 70%);

transform:translate(-50%,-50%);

z-index:1;

transition:.08s;

}

/* ==========================
GLASS NAVBAR
========================== */

.navbar.scrolled{

background:rgba(15,15,15,.65)!important;

backdrop-filter:blur(18px);

transition:.3s;

}

.hero-image{
    width:100%;
    border-radius:20px;
    margin-top:30px;
    box-shadow:0 20px 50px rgba(0,0,0,.35);
}


.hero-image{
    width:100%;
    border-radius:20px;
    box-shadow:0 20px 50px rgba(0,0,0,.25);
    display:block;
}