body{
margin:0;
font-family:Poppins,sans-serif;
display:flex;
flex-direction:column;
min-height:100vh;
}

main{
flex:1;
}

.navbar{
position:sticky;
top:0;
display:flex;
justify-content:space-between;
align-items:center;
padding:20px 40px;
background:white;
box-shadow:0 2px 10px rgba(0,0,0,0.05);
}

.logo-box{
border:2px solid #333;
padding:6px 14px;
font-weight:600;
}

.navbar ul{
display:flex;
gap:25px;
list-style:none;
}

.navbar a{
text-decoration:none;
color:#333;
}

.hero{
display:flex;
min-height:80vh;
}

.hero-left{
flex:1;
background:#0e141a;
color:white;
padding:60px;
display:flex;
flex-direction:column;
justify-content:center;
}

.hero-right{
flex:1;
}

.hero-right img{
width:100%;
height:100%;
object-fit:cover;
}

.hero-tag{
background:#1f2937;
padding:6px 12px;
border-radius:20px;
font-size:12px;
margin-bottom:20px;
}

.cta-btn{
background:#d89a00;
color:white;
padding:12px 20px;
border-radius:6px;
text-decoration:none;
margin-top:20px;
}

.gallery{
padding:80px 20px;
text-align:center;
background:black;
}

.gallery h2{
color:#d89a00;
margin-bottom:40px;
}

.gallery-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:30px;
max-width:900px;
margin:auto;
}

.gallery-grid img{
width:100%;
border-radius:6px;
}

.about-container{
display:flex;
gap:50px;
max-width:1100px;
margin:auto;
align-items:stretch;
}

.about-image{
max-width:420px;
}

.about-image img{
width:100%;
height:auto;
object-fit:contain;
}

.faq-page{
max-width:800px;
margin:auto;
padding:80px 20px;
}

.faq-question{
font-weight:700;
}

.contact-hero{
background:#0e141a;
color:white;
text-align:center;
padding:120px 20px 160px;
}

.contact-hero p{
max-width:650px;
margin:15px auto;
line-height:1.7;
}

.contact-section{
background:#f4f4f4;
padding:120px 20px 80px;
margin-top:-80px;
}

.contact-card{
display:flex;
max-width:900px;
margin:auto;
background:white;
border-radius:12px;
overflow:hidden;
box-shadow:0 15px 40px rgba(0,0,0,0.12);
}

.contact-info{
background:#141922;
color:white;
padding:50px 40px;
flex:1;
display:flex;
flex-direction:column;
justify-content:center;
}

.contact-form{
flex:2;
padding:50px 40px;
}

.contact-form input,
.contact-form textarea{
width:100%;
margin-bottom:18px;
padding:12px;
border:1px solid #ccc;
border-radius:5px;
}

.contact-form button{
background:#d89a00;
color:white;
padding:10px 18px;
border:none;
border-radius:5px;
cursor:pointer;
}

.site-footer{
margin-top:auto;
text-align:center;
padding:40px;
background:#f3f3f3;
}

/* MOBILE RESPONSIVE FIX */

@media (max-width: 900px){

.navbar{
padding:15px 20px;
}

.navbar ul{
gap:15px;
font-size:14px;
}


.hero{
flex-direction:column;
}

.hero-left{
padding:40px 25px;
text-align:center;
}

.hero-right{
height:300px;
}


.gallery-grid{
grid-template-columns:1fr 1fr;
gap:15px;
}


.about-container{
flex-direction:column;
padding:0 20px;
}

.about-image img{
height:auto;
}


.contact-card{
flex-direction:column;
}

.contact-info{
text-align:center;
}

.contact-form{
padding:30px 25px;
}


.faq-page{
padding:60px 20px;
}

}
.site-footer a{
margin:0 10px;
text-decoration:none;
color:#333;

}

.about-text p{
line-height:1.8;
margin-bottom:18px;
}