.avatar {
	width: 100%; /* Hoặc một kích thước cố định, ví dụ: 300px */
	overflow: hidden; /* Đây là thuộc tính quan trọng nhất: ẩn phần ảnh bị phóng to ra ngoài */
	border-radius: 0.5rem; /* Bo góc cho đẹp */
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
}
.avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover; /* Đảm bảo ảnh lấp đầy khung chứa mà không bị méo */
	transition: transform 0.4s ease; /* Tạo hiệu ứng chuyển động mượt mà */
}

.avatar:hover img {
	transform: scale(1.3); /* Phóng to ảnh lên 115% khi di chuột vào */
	cursor: pointer; /* Đổi con trỏ chuột thành hình bàn tay */
}

a.links {
	color: #345fa3;
	text-decoration: none;
}

.dropdown-menu li {
	position: relative;
}
.dropdown-menu .submenu {
	display: none;
	position: absolute;
	left: 100%;
	top: -7px;
}
.dropdown-menu > li:hover > .submenu {
	display: block;
}
.dropdown-toggle::after {
	display: inline-block;
	margin-left: 0.255em;
	vertical-align: 0.255em;
	content: "";
	border-top: 0.3em solid;
	border-right: 0.3em solid transparent;
	border-bottom: 0;
	border-left: 0.3em solid transparent;
}

.social-fixed {
	position: fixed;
	top: 40%;
	right: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
	z-index: 9999;
}

.social-fixed a img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);
	transition: transform 0.3s;
	background: white;
	padding: 5px;
}

.social-fixed a img:hover {
	transform: scale(1.1);
}