-->
/* Cấu hình cho phần duannoibatnew */
padding: 0 5%; /* Khoảng cách mỗi bên */
/* Cấu hình cho các dự án */
/* Cấu hình cho phần hình ảnh */
flex: 7; /* Hình ảnh chiếm 70% chiều rộng phần tử */
/* Cấu hình cho phần mô tả */
flex: 3; /* Mô tả chiếm 30% chiều rộng phần tử */
justify-content: center; /* Căn giữa theo chiều dọc */
align-items: center; /* Căn giữa theo chiều ngang */
padding: 20px; /* Padding để thêm khoảng cách trong cùng của phần tử */
color: #fff; /* Màu chữ trắng */
background-color: inherit; /* Kế thừa màu nền của phần tử cha */
box-sizing: border-box; /* Bao gồm padding và border trong chiều cao tổng */
/* Cấu hình cho tiêu đề trong mô tả */
margin: 0; /* Xóa khoảng cách mặc định */
font-size: 2em; /* Kích thước chữ tiêu đề lớn hơn */
font-weight: bold; /* Làm đậm tiêu đề */
/* Cấu hình cho nội dung trong mô tả */
/* Cấu hình cho nút "Xem thêm" */
margin-top: 20px; /* Khoảng cách giữa nội dung và nút 'Xem thêm' */
color: #fff; /* Màu chữ trắng */
text-decoration: none; /* Xóa gạch chân */
background-color: #555; /* Màu nền của nút */
padding: 5px 10px; /* Khoảng cách trong nút */
border-radius: 5px; /* Bo tròn góc của nút */
font-weight: bold; /* Chữ đậm */
display: block; /* Đặt nút thành block để nó chiếm toàn bộ chiều rộng của phần tử */
text-align: center; /* Căn giữa nội dung của nút */
/* Cấu hình cho nút "Xem thêm" khi di chuột qua */
background-color: #333; /* Màu nền khi di chuột qua */
/* Đối với thiết bị di động */
flex-direction: column; /* Xếp cột */
width: 100%; /* Chiếm toàn bộ chiều rộng */
margin-top: 10px; /* Khoảng cách giữa hình ảnh và mô tả */
/* Hiển thị lớp duan_2 cho màn hình lớn hơn 768px */
display: flex; /* Hiển thị lớp duan_2 trên màn hình lớn */
display: none; /* Ẩn lớp duan_2_2 trên màn hình lớn */
/* Hiển thị lớp duan_2_2 cho màn hình nhỏ hơn hoặc bằng 768px */
display: none; /* Ẩn lớp duan_2 trên màn hình nhỏ */
display: flex; /* Hiển thị lớp duan_2_2 trên màn hình nhỏ */
-->
