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

body {
	font-family: Arial, sans-serif;
	background: #f4f7ef;
}

.doctor-profile {
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 50px 20px;
}

.profile-card {
	background: white;
	max-width: 700px;
	width: 100%;
	padding: 50px;
	border-radius: 25px;
	text-align: center;
	box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.08);
}

.profile-card img {
	width: 220px;
	height: 220px;
	object-fit: cover;
	border-radius: 50%;
	margin-bottom: 25px;
}

.profile-card h1 {
	color: #2d5a27;
	font-size: 37px;
	margin-bottom: 10px;
}

.profile-card h2 {
	color: #6f4e37;
	margin-bottom: 20px;
}

.experience {
	font-size: 19px;
	color: #444;
	font-weight: bold;
	margin-bottom: 25px;
}

.description {
	color: #666;
	font-size: 16px;
	line-height: 1.8;
	margin-bottom: 30px;
}

.profile-card ul {
	text-align: left;
	line-height: 2;
	font-size: 16px;
	color: #444;
	margin-bottom: 30px;
}

.button-group{

  display:flex;

  justify-content:center;

  align-items:center;

  gap:20px;

  margin-top:20px;
}

.button-group a{

  text-decoration:none;

  display:flex;
}

.button-group button{

  padding:18px 40px;

  border:none;

  border-radius:40px;

  background:
  linear-gradient(
    to right,
    #2d5a27,
    #6f4e37
  );

  color:white;

  font-size:16px;

  font-weight:600;

  cursor:pointer;

  transition:0.3s ease;

  outline:none;
}

.button-group button:hover{

  transform:scale(1.03);
}

@media(max-width:600px){

  .button-group{

    flex-direction:row;

    gap:18px;
	padding-left: 10px;
  }

  .button-group button{

    font-size:16px;

    padding:12px 8px;
	
  }
}