body{
margin:0;
font-family:Inter;
background:white;
color:#222;
}

.nav{
display:flex;
justify-content:space-between;
align-items:center;
padding:20px 60px;
background:#0b1a2f;
color:white;
}

.logo{
height:55px;
}

nav a{
color:white;
margin-left:25px;
text-decoration:none;
}

.hero{
height:100vh;
background:url("../images/clinic.jpg") center/cover;
display:flex;
justify-content:center;
align-items:center;
}

.hero-overlay{
background:rgba(0,0,0,0.4);
padding:80px;
text-align:center;
color:white;
}

.hero h1{
font-family:Playfair Display;
font-size:60px;
}

.btn{
background:#c8a76a;
padding:15px 30px;
color:white;
text-decoration:none;
}

.procedures{
padding:80px;
text-align:center;
}

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

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

.surgeon{
background:#f6f6f6;
padding:80px;
}

.surgeon-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
max-width:1100px;
margin:auto;
}

.international{
padding:80px;
text-align:center;
margin: 60px 0;
padding: 60px 40px;
background: #ffffff;
}

.journey{
display:flex;
justify-content:center;
gap:30px;
flex-wrap:wrap;
}

.step{
background:#f5f5f5;
padding:20px 30px;
border-radius:10px;
min-width:200px;
box-shadow:0 4px 12px rgba(0,0,0,0.05);
}

.contact{
padding:80px;
text-align:center;
background:#0b1a2f;
color:white;
}

.whatsapp{
background:#25D366;
padding:15px 25px;
border-radius:40px;
color:white;
text-decoration:none;
}

.whatsapp-float {
	position: fixed;
	bottom: 20px;
	right: 20px;
	background: #25D366;
	padding: 16px 22px;
	border-radius: 40px;
	color: white;
	font-weight: 600;
	z-index: 999;
	text-decoration: none;
}

.whatsapp-float:hover {
	background: #128C7E;
}

footer{
padding:20px;
text-align:center;
}

.before-after{
	margin: 60px 0;
	background: #f5f5f5;
	padding: 90px 40px;
	text-align: center;
}

.slider {
	display: flex;
	justify-content: center;
	gap: 40px;
}

.before img,
.after img {
	width: 340px;
	border-radius: 10px;
	box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.credentials{
margin-top: 30px;
}

.credentials li{
margin: 10px 0;
font-size: 18px;
color: #333;
}