/* Trang giới thiệu về chúng tôi */

.mini-banner-group {
  display: flex; /* Kích hoạt Flexbox cho thẻ cha */
  flex-wrap: wrap; /* Cho phép các thẻ con xuống hàng khi không đủ chỗ */
  justify-content: center; /* HOẶC space-between, center */
  align-items: flex-start; /* Căn chỉnh các hàng theo chiều dọc (để chúng bắt đầu từ trên cùng của container) */
  margin-top: 20px;
  margin-bottom: 10px;
}

.mini-banner {
  border: 1px solid #0aaf50;
  flex-shrink: 1; /* Cho phép các mục co lại nếu không gian hạn chế */
  display: flex; /* Dùng flexbox bên trong item để căn chỉnh nội dung */
  flex-direction: column; /* Sắp xếp nội dung theo cột */
  justify-content: space-between; /* Đẩy tiêu đề lên trên, nút xuống dưới */
  align-items: center; /* Căn giữa nội dung bên trong item */
  margin-left: 5px;
  margin-right: 5px;
}
.mini-banner span {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
}

.about-us-pic {
  float: right;
}

.introduce {
  margin-top: 20px;
}

.introduce-detail {
  float: left;
  width: 50%;
}

.about-us-title {
  font-size: 20px;
  margin-bottom: 5px;
}

.introduce p {
  text-align: justify;
  margin-top: 5px;
  padding-left: 15px;
  font-size: 14px;
}

.mission p {
  padding-left: 15px;
  font-size: 14px;
}

.vision p {
  padding-left: 15px;
  font-size: 14px;
}

.value p {
  padding-left: 25px;
  font-size: 14px;
}

.value span {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 15px;
  font-size: 14px;
}

.branch {
  padding-left: 15px;
  color: #005498;
  font-weight: bold;
  margin-bottom: 10px;
}

.brancd-detail p {
  padding-left: 35px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.fask-dest {
  margin-top: 25px;
  background-color: #f2f2f2;
}

.fask-title {
  margin-top: 15px;
  margin-bottom: 30px;
  width: 100%;
  height: 40px;
  display: flex; /* RẤT QUAN TRỌNG: Kích hoạt Flexbox cho thẻ cha */
  align-items: center; /* Căn giữa các item con theo chiều dọc */
  justify-content: center; /* Tùy chọn: Căn giữa toàn bộ nhóm theo chiều ngang */
  /*justify-content: space-between;  Hoặc nếu bạn muốn hr đẩy ra sát 2 bên */
  gap: 1px; /* Tùy chọn: Khoảng cách giữa các phần tử */
}
.fask-title-line {
  width: 33%;
}

.fask-title-line hr {
  background-color: #005498;
}

.fask-title-text {
  color: #005498;
  font-size: 18px;
  font-weight: bold;
  font-style: italic;
  padding-left: 20px;
  padding-right: 20px;
  display: inline-block; /* RẤT QUAN TRỌNG: Biến div thành inline-block */
}

.viewed-products {
  margin-top: 20px;
}

.banner-text {
  width: 550px;
  height: 100%;
  color: #ffffff;
  text-align: center;
  font-size: 20px;
}

.fask-image {
  text-align: center;
}

.fask-image p {
  margin-top: 10px;
  font-style: italic;
}

.fask-image img {
  width: 100%;
  height: auto;
}

.fask-detail-text p {
  text-align: justify;
}

.news-child-title-index a {
  color: #000000;
}