100px;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid transparent;
  transition: transform 0.3s, border-color 0.3s;
}

.avatars img:hover {
  transform: scale(1.1);
  border-color: #ff6b6b;
}

/* Profile Details Styling */
.profile-details {
  margin-bottom: 20px;
}

.profile-details input {
  width: 100%;
  padding: 12px;
  margin-bottom: 15px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 16px;
  color: #333;
  transition: border-color 0.3s;
}

.profile-details input:focus {
 