.elementor-5304 .elementor-element.elementor-element-e9ce6c6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}/* Start custom CSS for html, class: .elementor-element-f6982f4 */@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Poppins:wght@300;400;600&display=swap');

.modal-overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.85);
backdrop-filter:blur(5px);
display:flex;
justify-content:center;
align-items:center;
opacity:0;
visibility:hidden;
transition:.3s;
z-index:99999;
}

.modal-overlay.active{
opacity:1;
visibility:visible;
}

.modal-box{
background:linear-gradient(145deg,#1A1A1A,#050505);
width:90%;
max-width:500px;
padding:40px;
border-radius:12px;
text-align:center;
border:2px solid #D4AF37;
box-shadow:0 0 20px rgba(212,175,55,.4);
transform:scale(.85);
transition:.3s;
}

.modal-overlay.active .modal-box{
transform:scale(1);
}

.close-btn{
position:absolute;
top:15px;
right:20px;
font-size:22px;
color:#D4AF37;
cursor:pointer;
}

.status-header{
color:#FF6B6B !important;
font-size:1.3rem;
margin-bottom:12px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
font-family:'Cinzel',serif;
}

.main-text,.sub-text,.event-details{
font-family:'Poppins',sans-serif;
color:#ddd;
font-size:.9rem;
line-height:1.6;
}

.divider {
    height: 1px;
    background: linear-gradient(to right, transparent, #D4AF37, transparent);
    margin: 20px 0;
    width: 100%;
    opacity: 0.5;
}

.upcoming-badge {
    display: inline-block;
    background-color: transparent;
    color: #D4AF37;
    padding: 4px 12px;
    border: 1px solid #D4AF37;
    border-radius: 20px;
    font-family: 'Poppins', sans-serif;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 12px;
}

.event-title {
    color: #FFFFFF !important;
    font-size:22px;
    font-weight: 700;
    margin-bottom: 8px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.cta-button{
background:linear-gradient(#D4AF37,#AA8C2C);
padding:10px 30px;
color:#000;
text-decoration:none;
border-radius:4px;
font-family:Poppins;
font-weight:600;
display:inline-block;
}


.popup-demo-box{
text-align:center;
padding:60px 20px;
}

.popup-demo-box h2{
font-family: Cinzel, serif;
margin-bottom:10px;
}

.popup-demo-box p{
font-family:Poppins, sans-serif;
margin-bottom:20px;
}

.demo-btn{
padding:12px 22px;
border:1px solid #333;
background:#f5f5f5;
cursor:pointer;
border-radius:4px;
}/* End custom CSS */