body{font-family:Arial;margin:0;background:#fff}

header{
display:flex;
justify-content:space-between;
align-items:center;
padding:15px;
background:linear-gradient(90deg,#b0006d,#6a00c9);
color:white
}

.logo{display:flex;align-items:center;gap:10px}
.logo img{height:50px}

nav a{margin:10px;text-decoration:none;color:white;font-weight:bold}

.menu-toggle{display:none;font-size:28px;cursor:pointer}

.hero{
text-align:center;
padding:80px;
background:linear-gradient(120deg,#ff3fa4,#7c2ae8);
color:white
}

.btn{padding:10px 20px;margin:5px;border-radius:5px;text-decoration:none;color:white}
.call{background:#ff007f}
.whatsapp{background:#25d366}

.about{display:flex;gap:40px;padding:40px;align-items:center}
.about img{width:350px;border-radius:10px}

.services,.timings,.contact{padding:40px}

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

.card{
padding:20px;
border-radius:10px;
background:#fff0fa;
box-shadow:0 4px 10px rgba(0,0,0,0.1)
}

footer{background:#6a00c9;color:white;text-align:center;padding:20px}

.float-whatsapp{
position:fixed;
bottom:20px;
right:20px;
background:#25d366;
color:white;
padding:14px;
border-radius:40px;
text-decoration:none
}

.float-call{
position:fixed;
bottom:80px;
right:20px;
background:#ff007f;
color:white;
padding:14px;
border-radius:40px;
text-decoration:none
}

#popup{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.7);
display:none
}

.popup-content{
background:linear-gradient(135deg,#ff4da6,#7c2ae8);
color:white;
width:360px;
margin:120px auto;
padding:25px;
border-radius:10px;
display:flex;
flex-direction:column;
gap:10px
}

.popup-header{
display:flex;
justify-content:space-between;
align-items:center
}

.popup-header h2{margin:0}

.close{
font-size:22px;
cursor:pointer
}

.popup-content input,
.popup-content textarea{
padding:10px;
border:none;
border-radius:5px
}

.popup-content button{
background:white;
color:#7c2ae8;
padding:10px;
border:none;
border-radius:5px;
font-weight:bold;
cursor:pointer
}

.radio-group label{display:block;margin:5px 0}

@media(max-width:768px){
nav{
display:none;
flex-direction:column;
background:#6a00c9;
position:absolute;
top:70px;
right:0;
width:200px
}

nav a{display:block;padding:10px}
.menu-toggle{display:block}

.about{flex-direction:column}
}