/* CSS Document */

body{
font-family: Arial;
line-height:1.6;
}

.topbar{
background:#CC3333;
color:#fff;
padding:5px;
font-size:14px;

}

/* NAVBAR */

.main-navbar{
background:#050505;
padding:5px 0;
position:sticky;
top:0;
z-index:999;
box-shadow:0 3px 15px rgba(0,0,0,0.08);
}

.logo{
height:60px;
width:auto;
}

/* Menu Links */

.main-navbar .nav-link{
color:#fff;
font-size:16px;
font-weight:500;
margin:0 10px;
position:relative;
transition:0.3s;
}

/* Hover Animation */

.main-navbar .nav-link::after{
content:"";
position:absolute;
width:0%;
height:2px;
background:#d4a017;
left:0;
bottom:-5px;
transition:0.3s;
}

.main-navbar .nav-link:hover::after{
width:100%;
}

.main-navbar .nav-link:hover{
color:#d4a017;
}




/* Mobile */

@media(max-width:991px){

.main-navbar .nav-link{
margin:10px 0;
}

.btn-book{
margin-top:10px;
}

}

/* DESKTOP BANNER */

.desktop-banner{
display:block;
}

/* Hide banner on mobile */

@media(max-width:991px){
.desktop-banner{
display:none;
}
}

/* Banner image */

.desktop-banner img{
height:550px;
object-fit:cover;
}

/* Caption */

.banner-caption{
position:absolute;
top:50%;
left:10%;
transform:translateY(-50%);
color:white;
max-width:500px;
}

/* Heading */

.banner-caption h1{
font-size:48px;
font-weight:bold;
margin-bottom:15px;
}

/* Text */

.banner-caption p{
font-size:18px;
margin-bottom:20px;
}

/* Button */

.banner-btn{
background:#d4a017;
color:white;
padding:12px 25px;
text-decoration:none;
border-radius:5px;
font-weight:500;
transition:0.3s;
}

.banner-btn:hover{
background:#b88a12;
color:white;
}

/* MOBILE BANNER */

.mobile-banner{
display:none;
}

/* Show only on mobile */

@media (max-width:991px){

.mobile-banner{
display:block;
}

.mobile-banner img{
width:100%;
height:auto;
}

}



/* ABOUT SECTION */

.about-section{
padding:80px 0;
background:#ffffff;
}

.about-title{
font-size:34px;
font-weight:700;
margin-bottom:20px;
color:#222;
}

.about-section p{
font-size:16px;
line-height:1.8;
color:#555;
margin-bottom:15px;
}


/* Mobile */

@media(max-width:991px){

.about-section{
padding:50px 0;
}

.about-title{
font-size:28px;
}

}

/* SERVICES SECTION */

.services-section{
padding:80px 0;
background:#f9f9f9;
}

.section-title h2{
font-size:36px;
font-weight:700;
margin-bottom:10px;
}

.section-title p{
color:#666;
margin-bottom:40px;
}

/* Service Card */

.service-card{
background:#fff;
border-radius:10px;
overflow:hidden;
box-shadow:0 10px 25px rgba(0,0,0,0.1);
transition:0.4s;
}

.service-card img{
width:100%;
height:230px;
object-fit:cover;
}

/* Content */

.service-content{
padding:20px;
text-align:center;
}

.service-content h4{
font-size:20px;
font-weight:600;
margin-bottom:10px;
}

.service-content h4 a{color:#990000; text-decoration:none}
.service-content h4 a:hover{color:#000; text-decoration:none}

.service-content p{
font-size:15px;
color:#666;
}

/* Hover Effect */

.service-card:hover{
transform:translateY(-10px);
box-shadow:0 20px 35px rgba(0,0,0,0.15);
}


/* GALLERY SECTION */

.gallery-section{
padding:80px 0;
background:#ffffff;
}

.gallery-title h2{
font-size:36px;
font-weight:700;
margin-bottom:10px;
}

.gallery-title p{
color:#666;
margin-bottom:40px;
}

/* Gallery Box */

.gallery-box{
overflow:hidden;
border-radius:8px;
box-shadow:0 8px 20px rgba(0,0,0,0.1);
}

.gallery-box img{
width:100%;
height:220px;
object-fit:cover;
transition:0.4s;
}

/* Hover Effect */

.gallery-box:hover img{
transform:scale(1.1);
}

/* LOCATIONS SECTION */

.locations-section{
padding:80px 0;
background:#f9f9f9;
}

.location-title{
font-size:34px;
font-weight:700;
margin-bottom:20px;
}

.locations-section p{
font-size:16px;
line-height:1.8;
color:#555;
margin-bottom:15px;
}

.location-img img{
border-radius:10px;
box-shadow:0 10px 25px rgba(0,0,0,0.15);
}




/* CONTACT SECTION */

.contact-section{
padding:80px 0;
background:#f9f9f9;
}

.section-title h2{
font-size:36px;
font-weight:700;
margin-bottom:10px;
}

.section-title p{
color:#666;
margin-bottom:40px;
}

/* CONTACT INFO */

.contact-info{
background:#fff;
padding:35px;
border-radius:10px;
box-shadow:0 10px 25px rgba(0,0,0,0.1);
}

.contact-info h4{
margin-bottom:20px;
font-weight:600;
}

.contact-item{
margin-bottom:15px;
}

.contact-item strong{
display:block;
margin-bottom:5px;
}

/* SOCIAL ICONS */

.social-icons{
margin-top:20px;
}

.social-icons a{
display:inline-block;
width:40px;
height:40px;
line-height:40px;
text-align:center;
background:#d4a017;
color:#fff;
border-radius:50%;
margin-right:10px;
font-size:16px;
transition:0.3s;
}

.social-icons a:hover{
background:#000;
}

/* FORM */

.contact-form{
background:#fff;
padding:35px;
border-radius:10px;
box-shadow:0 10px 25px rgba(0,0,0,0.1);
}

.contact-form .form-control{
margin-bottom:15px;
padding:12px;
border-radius:5px;
}

.contact-btn{
background:#d4a017;
color:#fff;
padding:12px 30px;
border:none;
font-weight:500;
}

.contact-btn:hover{
background:#000;
color:#fff;
}

/* FOOTER */

.main-footer{
background:#000;
color:#fff;
padding:70px 0 20px;
}

.footer-logo{
width:180px;
margin-bottom:20px;
}

.footer-about p{
color:#ccc;
font-size:15px;
line-height:1.7;
}

/* Titles */

.footer-title{
font-size:20px;
font-weight:600;
margin-bottom:20px;
}

/* Links */

.footer-links{
list-style:none;
padding:0;
}

.footer-links li{
margin-bottom:10px;
}

.footer-links a{
color:#fff;
text-decoration:none;
font-size:15px;
transition:0.3s;
}

.footer-links span{
color:#d4a017;
margin-right:6px;
}

.footer-links a:hover{
color:#d4a017;
padding-left:5px;
}

/* Contact */

.footer-contact{
list-style:none;
padding:0;
color:#ccc;
font-size:15px;
}

.footer-contact li{
margin-bottom:10px;
}

/* Bottom */

.footer-line{
border-color:#333;
margin:40px 0 20px;
}

.footer-bottom p{
color:#aaa;
font-size:14px;
margin:0;
}


/* FLOATING CONTACT BUTTONS */

.floating-contact{
position:fixed;
right:20px;
bottom:20px;
display:flex;
flex-direction:column;
gap:10px;
z-index:9999;
}

.floating-contact a{
width:50px;
height:50px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
color:#fff;
font-size:22px;
box-shadow:0 5px 15px rgba(0,0,0,0.3);
transition:0.3s;
text-decoration:none;
}

/* Call Button */

.call-btn{
background:#ff9800;
}

.call-btn:hover{
background:#e68900;
transform:scale(1.1);
}

/* WhatsApp Button */

.whatsapp-btn{
background:#25d366;
}

.whatsapp-btn:hover{
background:#1ebe5d;
transform:scale(1.1);
}


/* PARTY CATERING */

.party-catering-section1{
padding:80px 0;
background:#fafafa;
}

.section-title1{
font-size:34px;
font-weight:700;
margin-bottom:20px;
color:#222;
}

.party-catering-section1 p{
font-size:16px;
line-height:1.8;
color:#555;
margin-bottom:15px;
}




/* BLOG PAGE */

.blog-section {
  padding: 50px 0;
  background: #f9f9f9;
}

.section-title {
  text-align: center;
  margin-bottom: 10px;
}

.section-desc {
  text-align: center;
  margin-bottom: 30px;
  color: #666;
}

.blog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
}

.blog-box {
  display: block;
  padding: 20px;
  background: #fff;
  border-radius: 10px;
  text-align: center;
  text-decoration: none;
  color: #333;
  font-weight: 600;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  transition: 0.3s;
}

.blog-box:hover {
  background: #ff6600;
  color: #fff;
  transform: translateY(-5px);
}


.blog-section {
  padding: 50px 0;
  background: #f9f9f9;
}

.main-title {
  text-align: center;
  margin-bottom: 30px;
}

.box {
  background: #fff;
  padding: 25px;
  margin-bottom: 25px;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.content-box h2,
.review-box h2,
.faq-box h2 {
  margin-bottom: 15px;
}

.review-item {
  margin-bottom: 15px;
}

.faq-item {
  margin-bottom: 15px;
}

.faq-item h4 {
  margin-bottom: 5px;
}