html{
scroll-behavior:smooth;
}

/* NAVBAR */
.custom-navbar{
transition:0.3s;
background-color:#ffffff;
box-shadow:0 2px 10px rgba(0,0,0,0.1);
}

.navbar-scrolled{
box-shadow:0 4px 15px rgba(0,0,0,0.15);
background:#ffffff;
}

.nav-link{
color:#0b2a6b !important;
font-weight:500;
margin-left:15px;
}

.nav-link:hover{
color:#7a3cff !important;
}

.navbar-brand img{
height:50px;
}

/* HERO SECTIONS */

/* ✅ FIXED PATHS (../images/) */
.hero-section{
height:85vh;
background-image: linear-gradient(rgba(0,0,0,0.55),rgba(0,0,0,0.55)),url("../images/home-hero.png");
background-size: cover;
background-position: center;
color: white;
}

.about-hero{
height:60vh;
background-image: linear-gradient(rgba(0,0,0,0.55),rgba(0,0,0,0.55)),url("../images/about-hero.png");
background-size:cover;
background-position:center;
color:white;
}

.events-hero{
height:70vh;
margin-top: 15px;
background-image: linear-gradient(rgba(0,0,0,0.55),rgba(0,0,0,0.55)),url("../images/event-hero.png");
background-size:cover;
background-position:center;
color:white;
}

.booking-hero{
height:85vh;
background-image: linear-gradient(rgba(0,0,0,0.55),rgba(0,0,0,0.55)),url("../images/booking-hero.png");
background-size:cover;
background-position:center;
color:white;
}

.contact-hero{
height:85vh;
background-image: linear-gradient(rgba(0,0,0,0.55),rgba(0,0,0,0.55)),url("../images/contact-hero.png");
background-size:cover;
background-position:center;
color:white;
}

/* ANIMATIONS */
.fade-in{
opacity:0;
transform:translateY(30px);
transition:0.8s;
}

.fade-in.show{
opacity:1;
transform:translateY(0);
}

/* BUTTON */
.btn-primary{
transition:0.3s;
}

.btn-primary:hover{
transform:translateY(-2px);
box-shadow:0 6px 15px rgba(0,0,0,0.2);
}

/* CARDS */
.card:hover{
transform: scale(1.05);
transition: 0.3s;
}

.event-card{
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.event-card:hover{
transform: translateY(-10px);
box-shadow: 0 10px 25px rgba(0,0,0,0.3);
}

.event-item{
transition: transform 0.3s;
}

.event-item:hover{
transform: translateY(-8px);
}

/* TEXT */
h3{
color:#2c4cff;
font-weight:bold;
}

.card p{
font-style: italic;
}

/* TESTIMONIAL */
.testimonial-card{
transition: 0.3s;
}

.testimonial-card:hover{
transform: translateY(-10px);
}

/* FOOTER */
.footer-section{
background: linear-gradient(135deg,#0d1b4c,#1f3c88,#4b6cb7);
color:white;
}

.footer-section a{
color:white;
text-decoration:none;
}

.footer-section a:hover{
color:#9ec5ff;
}

.footer-title{
font-weight:600;
margin-bottom:15px;
}

.footer-section hr{
border-color:rgba(255,255,255,0.2);
}

.social-icons a{
font-size:20px;
margin-right:15px;
color:white;
transition:0.3s;
}

.social-icons a:hover{
color:#9ec5ff;
transform:scale(1.2);
}

/* ABOUT PAGE */
.heading{
color:#1f3c88;
}

#content{
font-size: 20px;
width: 570px;
position: relative;
left: 25px;
}

.mission-section{
background:#f8f9fa;
}

.mission-box{
background:white;
transition:0.3s;
}

.mission-box:hover{
transform:translateY(-8px);
}

/* TEAM */
.team-section{
background:#ffffff;
}

.team-card{
transition:0.3s;
}

.team-card:hover{
transform:translateY(-10px);
}

.team-img{
width:120px;
height:120px;
object-fit:cover;
}

/* EVENTS */
.category{
margin-left: 330px;
}

.countdown{
font-size:14px;
margin-bottom:10px;
}

/* BOOKING */
.w-100{
margin-top: 25px;
}

/* CONTACT */
.contact-card{
background:#ffffff;
border-radius:10px;
box-shadow:0 5px 15px rgba(0,0,0,0.1);
transition:0.3s;
}

.contact-card:hover{
transform:translateY(-5px);
}

.contact-icon{
font-size:35px;
color:#6f42c1;
}