body{
font-family:Arial;
background:#000;
color:#fff;
}

body a {
color: #dddddd !important;
}

body a:hover {
color: white !important;
}

.top-bar{
background:black;
}

#hero{
height:90vh;
background:url('images/main.jpg') center/cover no-repeat;
display:flex;
align-items:center;
justify-content:center;
}

.hero-overlay{
background:rgba(0,0,0,0.7);
padding:40px;
border-radius:12px;
max-width:600px;
}

.logo{
width:240px;
}

.service-card{
background:#111;
border:none;
border-radius:14px;
padding:25px;
color:#fff;
box-shadow:0 10px 30px rgba(0,0,0,0.4);
}

.service-card h5{
text-align:center;
margin-top:10px;
}

.service-card p{
color:#ddd;
font-size:0.95rem;
}

.service-icon{
font-size:40px;
color:#0d6efd;
}

.map-section iframe{
width:100%;
height:400px;
border:0;
}

.contact-section{

background:
linear-gradient(rgba(0,0,0,0.75), rgba(0,0,0,0.75)),
url("images/background.jpg");

background-size: cover;
background-position: center;
background-repeat: no-repeat;

}

.contact-form{
max-width:500px;
margin:auto;
background:#111;
padding:30px;
border-radius:12px;
}

.contact-form input,
.contact-form textarea{
width:100%;
padding:14px;
margin-bottom:15px;
border:none;
border-radius:8px;
background:#1c1c1c;
color:white;
}

button{
background:#0d6efd;
color:white;
padding:12px;
border:none;
border-radius:8px;
width:100%;
}

.whatsapp{
position:fixed;
bottom:25px;
right:25px;
width:55px;
height:55px;
background:#25D366;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
font-size:26px;
color:white;
}

footer{
background:black;
}