body{
font-family: Arial, sans-serif;
margin:0;
background:linear-gradient(135deg,#4b2abf,#0f6fc6);
color:#333;
}

header{
text-align:center;
padding:30px;
}

header img{
width:280px;
}

.banner{
background:#ffcc00;
color:#000;
text-align:center;
padding:15px;
font-size:20px;
font-weight:bold;
}

.container{
width:90%;
max-width:1100px;
margin:auto;
padding:20px;
}

h2{
color:white;
text-align:center;
}

.services{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:20px;
margin-top:20px;
}

.service{
background:white;
padding:20px;
border-radius:10px;
text-align:center;
box-shadow:0 5px 10px rgba(0,0,0,0.2);
}

.service h3{
color:#0f6fc6;
}

.contact{
background: #84b5dc;
padding:25px;
margin-top:30px;
border-radius:10px;
text-align:center;
box-shadow:0 5px 10px rgba(0,0,0,0.2);
}

.whatsapp{
display:inline-block;
margin-top:15px;
background:#25D366;
color:white;
padding:12px 25px;
border-radius:6px;
text-decoration:none;
font-weight:bold;
}

.whatsapp:hover{
background:#1ebe5d;
}

.map{
margin-top:30px;
border-radius:10px;
overflow:hidden;
}

footer{
text-align:center;
padding:20px;
margin-top:30px;
background:#111;
color:white;
}


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

.service{
background:linear-gradient(145deg,#ffffff,#f2f6ff);
padding:25px;
border-radius:15px;
text-align:center;
box-shadow:0 10px 20px rgba(0,0,0,0.15);
transition:all 0.3s ease;
position:relative;
overflow:hidden;
}

.service::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:6px;
background:linear-gradient(90deg,#ff2aa3,#00c3ff,#5c2eff);
}

.service:hover{
transform:translateY(-8px) scale(1.03);
box-shadow:0 15px 30px rgba(0,0,0,0.25);
}

.service-icon{
font-size:40px;
margin-bottom:10px;
}

.service h3{
color:#0f6fc6;
margin-bottom:10px;
}

.service p{
font-size:14px;
color:#555;
}