/* ===============================
GLOBAL STYLES
================================ */

body{
background:#000;
color:#fff;
font-family:'Poppins', sans-serif;
line-height:1.7;
}

h1,h2,h3,h4,h5{
font-family:'Playfair Display', serif;
color:#D4AF37;
}

a{
text-decoration:none;
}

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

.navbar{
border-bottom:1px solid #222;
padding:15px 0;
}

.nav-link{
color:#fff !important;
margin-left:15px;
font-weight:400;
}

.nav-link:hover{
color:#D4AF37 !important;
}

/* Book Button */

.book-btn{
background:#D4AF37;
color:#000;
font-weight:500;
padding:10px 22px;
border-radius:4px;
}

.book-btn:hover{
background:#b8962e;
color:#000;
}

/* ===============================
HERO SECTION
================================ */

.hero-section{
height:90vh;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
background:#000;
}

.hero-section h1{
font-size:60px;
margin-bottom:15px;
}

.hero-sub{
font-size:20px;
color:#ddd;
}

/* Buttons */

.gold-btn{
background:#D4AF37;
color:#000;
padding:12px 30px;
border-radius:4px;
font-weight:500;
}

.gold-btn:hover{
background:#b8962e;
color:#000;
}

.outline-btn{
border:1px solid #D4AF37;
color:#D4AF37;
padding:12px 30px;
border-radius:4px;
}

.outline-btn:hover{
background:#D4AF37;
color:#000;
}

/* ===============================
ABOUT SECTION
================================ */

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

.about-section img{
border-radius:8px;
}

/* ===============================
SERVICES SECTION
================================ */

.services-section{
padding:90px 0;
background:#111;
}

.service-card{
padding:35px;
border:1px solid #333;
border-radius:6px;
text-align:center;
transition:0.3s;
}

.service-card:hover{
border-color:#D4AF37;
transform:translateY(-5px);
}

.service-card h4{
margin-bottom:10px;
}

.gold-link{
color:#D4AF37;
font-weight:500;
}

.gold-link:hover{
text-decoration:underline;
}

/* ===============================
PORTFOLIO
================================ */

.portfolio-section{
padding:90px 0;
}

.instagram-grid{
margin-top:40px;
}

/* ===============================
BOOKING SECTION
================================ */

.booking-section{
padding:90px 0;
background:#111;
}

/* ===============================
FOOTER
================================ */

.footer{
background:#111;
padding:40px 0;
margin-top:80px;
text-align:center;
}

.footer a{
color:#D4AF37;
}

/* ===============================
WHATSAPP BUTTON
================================ */

.whatsapp-float{
position:fixed;
bottom:25px;
right:25px;
background:#25D366;
color:#fff;
padding:12px 20px;
border-radius:50px;
font-size:14px;
z-index:999;
box-shadow:0 5px 15px rgba(0,0,0,0.3);
}

.whatsapp-float:hover{
background:#1ebe5b;
color:#fff;
}

/* ===============================
RESPONSIVE
================================ */

@media (max-width:768px){

.hero-section h1{
font-size:36px;
}

.hero-sub{
font-size:16px;
}

.nav-link{
margin-left:0;
}

}
.hero-section{
position:relative;
height:90vh;
background:url('/assets/images/bridal.webp') center/cover no-repeat;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
}

.hero-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.65);
}

.hero-content{
position:relative;
z-index:2;
max-width:800px;
}

.hero-section h1{
font-size:52px;
color:#D4AF37;
font-weight:600;
}

.hero-sub{
font-size:22px;
margin-top:10px;
}

.hero-desc{
font-size:18px;
margin-top:10px;
color:#ddd;
}

@media(max-width:768px){

.hero-section{
height:70vh;
}

.hero-section h1{
font-size:34px;
}

.hero-desc{
font-size:16px;
}

}
.testimonial-card{
background:#111;
padding:30px;
border-radius:10px;
border:1px solid #222;
height:100%;
}

.testimonial-card p{
font-size:16px;
color:#ddd;
}

.testimonial-card h5{
color:#D4AF37;
margin:15px 0;
}