/* =========================
   TEAM SECTION
========================= */

.team-section{
  padding: 70px 0;
  background: #f5f5f5;
}

.team-title h1{
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #15161d;
}

.team-title p{
  color: #666;
  margin-bottom: 20px;
}

.title-line{
  width: 120px;
  height: 4px;
  background: #D10024;
  margin: 0 auto 50px;
}

/* GIÁM ĐỐC */

.leader-wrapper{
  display: flex;
  justify-content: center;
  margin-bottom: 60px;
}

.leader-card{
  width: 300px;
}

/* CARD */

.member-card{
  background: #fff;
  border-radius: 10px;
  text-align: center;
  padding: 30px 20px;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
  transition: 0.3s;
  
  /* SỬA TẠI ĐÂY: Ép các card trong hàng ngang bằng nhau */
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.member-card:hover{
  transform: translateY(-8px);
}

/* IMAGE - SỬA LẠI ĐỂ CỐ ĐỊNH KHUNG HÌNH TRÒN */
.member-img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  overflow: hidden; /* Cắt bớt phần ảnh thừa ra ngoài vòng tròn */
  border: 5px solid #D10024;
  margin: 0 auto 20px auto;
  background: #e0e0e0; /* Nền xám chờ ảnh của bạn Sang */
}

.member-img img{
  width: 100%;
  height: 100%;
  object-fit: cover; /* Giữ nguyên tỷ lệ ảnh không bị móp/méo */
}

/* TEXT */

.member-name{
  font-size: 20px; /* Giảm nhẹ từ 24px xuống 20px để tên dài không bị rớt dòng */
  font-weight: 700;
  margin-bottom: 10px;
  color: #15161d;
  white-space: nowrap; /* Giữ tên trên cùng 1 dòng */
}

.member-role{
  color: #D10024;
  font-weight: 600;
  font-size: 16px;
}

/* MEMBER ROW - SỬA LẠI BẰNG FLEXBOX ĐỂ THẲNG HÀNG TUYỆT ĐỐI */
.team-row{
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
}

/* Đảm bảo trên màn hình máy tính các cột Bootstrap có chiều cao bằng nhau */
@media (min-width: 992px) {
  .team-row > [class*="col-"] {
    display: flex;
    flex-direction: column;
  }
}

/* =========================
   FOOTER PAYMENT
========================= */

.footer-payments{
    margin: 20px 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.footer-payments li{
    display: inline-block !important;
    margin: 0 10px;
}

.footer-payments li a{
    color: #fff;
    font-size: 32px;
}

.footer-payments li a:hover{
    color: #D10024;
}

#footer{
    background: #15161D;
    color: #B9BABC;
}

#bottom-footer{
    background: #1E1F29;
    padding: 20px 0;
}