*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
background:#000;
color:#fff;
line-height:1.6;
}

:root{
--gold:#d4af37;
}


/* HEADER */

header{
position:sticky;
top:0;
background:#000;
padding:20px 40px;
border-bottom:1px solid var(--gold);
z-index:1000;
}

.logo{
font-size:28px;
font-weight:bold;
color:var(--gold);
text-align: center;
font-family: 'Playfair Display', serif;
}


/* HERO */

.hero{
height:75vh;
background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.9)), url("img/img-head.jpg") center/cover no-repeat;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
flex-direction: column;
}

.hero h1{
font-size:40px;
color:var(--gold);
padding:10px 1px;
line-height: 1.4;
font-family:Arial;
}

.hero h3{
font-size:20px;
color:#bdbdbd;
margin-bottom: 20px;
line-height: 1.3;
font-family:Arial;
}

.hero a{
margin-top:50px;
padding:12px 25px;
background:var(--gold);
color:#000;
text-decoration:none;
font-weight:bold;
border: 1px solid var(--gold);
border-radius: 30px;
font-family:Arial;
}

.offer-card{
border: 1px solid var(--gold);
padding: 20px;
text-align: center;
backdrop-filter: blur(1px);
margin-top: 3rem;
background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6));
font-family:Arial;
}
/* SECTIONS */

section{
padding:40px 10%;
}

h2{
color:var(--gold);
font-size:32px;
margin-bottom:30px;
font-family:Arial;
}


/* ABOUT */

.about-container{
display:flex;
flex-wrap:wrap;
gap:40px;
align-items:center;
font-family:Arial;
}

.about-img{
flex:1;
}

.about-img img{
width:100%;
border-radius:10px;
margin-top: 40px;
}

.about-text{
flex:1;
}


/* SERVICES */

.services-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:25px;
font-family:Arial;
}

.service-box{
background:#111;
border:1px solid var(--gold);
padding:20px;
text-align:center;
}

.service-box img{
width:100%;
height:150px;
object-fit:cover;
margin-bottom:15px;
border-radius:5px;
}


/* WHY CHOOSE */

.why h2{
text-align: center;
font-size: 2.5rem;
font-family:Arial;
color: #d4af37;
position: relative;
}

.why p{
color: #fcfcfc;
margin-bottom: 1rem;
line-height: 1.8;
font-family:Arial;
}

.feature-list{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
margin-top: 1.5rem;
}

.feature-item {
display: flex;
align-items: center;
gap: 0.5rem;
color: #bdbdbd;
font-family:Arial;
}

.feature-item::before {
content: '✓';
color: #DAA520;
font-weight: bold;
font-size: 1.2rem;
font-family:Arial;
}
/* REVIEWS */

.review-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;
font-family:Arial;
}

.review-box{
background:#111;
border:1px solid var(--gold);
padding:20px;
}

.review-box h4{
margin-top:10px;
color:var(--gold);
}


/* CONTACT */

.contact-container{
display:flex;
flex-wrap:wrap;
gap:40px;
font-family:Arial;
}

.contact-info{
flex:1;
}

.map{
flex:1;
}

.map iframe{
width:100%;
height:300px;
border:0;
}


/* FOOTER */

footer{
background:#111;
padding:30px;
text-align:center;
border-top:1px solid var(--gold);
font-family:Arial;
}


/* FLOAT BUTTONS */

.floating-buttons{
position:fixed;
right:20px;
bottom:20px;
display:flex;
flex-direction:column;
gap:10px;
}

.floating-buttons a{
padding:12px 20px;
border-radius:30px;
text-decoration:none;
font-weight:bold;
text-align:center;
}

.call-btn{
background:var(--gold);
color:#000;
font-family:Arial;
}

.whatsapp-btn{
background:#25D366;
color:#fff;
font-family:Arial;
}