.site-footer {
  grid-row: 3; /* Đặt footer vào hàng thứ ba */
  bottom: 0;
  padding-top: 15px;
  width: 100%;
}

.footer {
  background-color: #005498;
  color: #ffffff;
  padding: 20px 20px;
}
.sub-footer-bg {
  width: 100%;
  background-color: #e0ecff;
}

.sub-footer {
  display: flex; /* RẤT QUAN TRỌNG: Kích hoạt Flexbox cho thẻ cha */
  justify-content: space-between; /* HOẶC space-around, space-evenly, center */
  /* Đây là thuộc tính để phân phối khoảng trống ngang */
  align-items: flex-start; /* Tùy chọn: Căn chỉnh các mục theo chiều dọc (để chúng bắt đầu từ trên cùng) */
  flex-wrap: nowrap; /* RẤT QUAN TRỌNG: Ngăn các thẻ con xuống hàng */
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 20px;
  margin-right: 20px;
}

.sub-footer1 {
  width: 300px; /* Chiều rộng ví dụ */
  padding: 15px;
}

.sub-footer1 span {
  display: block; /* Rất quan trọng: Biến span từ inline thành block-level */
  margin-bottom: 5px; /* Tùy chọn: Thêm khoảng cách giữa các dòng */
}