.cong-ty-thanh-vien {padding:30px 0;}
.cong-ty-thanh-vien h1{text-transform:uppercase;padding-bottom:20px;color: #2e3191;font-weight: 600;}
.cong-ty-thanh-vien .members{margin-bottom:0px;background:#fff;padding:10px 20px 10px;border:2px solid #fff;min-height:250px;}
.cong-ty-thanh-vien .members p{font-size:12px;}
/*.cong-ty-thanh-vien .members:hover{background:#f9f9f9;border:2px solid #f5f5f5}*/
.cong-ty-thanh-vien .members:nth-child(2n+1) .img{float:right;padding:0 0 0 20px}
.cong-ty-thanh-vien .members:nth-child(2n+1) .thongtin{text-align:right1}
.cong-ty-thanh-vien .members:nth-child(2n+1) .send-button{float:left}
.cong-ty-thanh-vien .members .swiper-slide{padding:0 20px;text-align:center;}
.cong-ty-thanh-vien .members .swiper-slide h3{font-size:14px;margin-top:10px;}
.cong-ty-thanh-vien .members .swiper-slide img{max-width:150px;}
.cong-ty-thanh-vien h2{text-transform:uppercase;padding:0px 20px 0;font-size:12px;color:#2e3191;}
.cong-ty-thanh-vien img{max-width:100%;}
.cong-ty-thanh-vien .img {text-align:center;padding:0 20px 0 0;}
.cong-ty-thanh-vien ul{padding-left:30px;}
.cong-ty-thanh-vien p{list-style:circle;padding-bottom:10px;font: 400 14px/1.518 'Arial', serif;}
.cong-ty-thanh-vien p.more{display:none}
.cong-ty-thanh-vien p.seemore  {width:100%;float:left;margin-top:10px;font:13px Arial}
.cong-ty-thanh-vien p.seemore  .send-button{float:right;overflow:hidden;padding:0;cursor:pointer;font-weight:bold;}
.cong-ty-thanh-vien p.seemore  span{padding:10px 20px 10px 40px;float:left;color:#fff;}
.cong-ty-thanh-vien p.seemore  span.send{background:#374097;position:relative}
.cong-ty-thanh-vien p.seemore  span.send:after{content:"";top:0;right:-36px;position:absolute;border:18px solid transparent;border-bottom:20px solid #374097;border-left:19px solid #374097;}
.cong-ty-thanh-vien p.seemore  span.arrow{background:#ea2d2e;padding-left:50px;}
.pop-up,.pop-up-info {left:0;right:0;position:fixed;background:#000;padding:30px 30px 0;top:0;height:100%;opacity:0.5;z-index:9;margin:0 auto;top:-100%;
  }
.pop-up-info {opacity:1;background:transparent;z-index:9999!important;position:absolute;}
.pop-up-info .wrap-pop{background:#fff;color:#000;padding:30px 30px 0;position:fixed;top:-100%;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;top:-1000px;overflow:auto;padding-bottom:20px;left: 0;
    right: 0;
        overflow: auto;
        height: 500px; 
        }
.pop-up-info .wrap-pop li{list-style:circle;margin-left:20px;padding-bottom:10px;}
.pop-up-info .wrap-pop  h4{text-transform:uppercase;font-weight:900;font-family:tahoma;font-size:22px;color:#374097;margin-top:20px;margin-bottom:20px;}
.pop-up-info .wrap-pop  img{-webkit-filter: drop-shadow(0px 0px 10px #fff);}
.pop-up-info .wrap-pop  p.chucvu{margin-bottom:20px;font-size:15px;font-weight:bold;}
.pop-up-info .wrap-pop  p{margin-bottom:5px;font-size:13px;}
.active {display:block;z-index:999;top:0%;}
.active-info {top:0%;}
.active-info .wrap-pop{top:10%;}
.close {position:absolute;top:0;right:0;padding:15px;font-size:22px;}
.pop-up-info .wrap-pop {text-align:left;}

/*
.member-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; 
  align-items: center; 
  gap: 16px; 
}

.member-item {
  flex: 1 1 calc(33.33% - 16px); 
  max-width: calc(33.33% - 16px); 
  box-sizing: border-box;
  text-align: center; 
  display: flex;
  flex-direction: column; 
  justify-content: center; 
  align-items: center; 
  padding: 16px; 
  border: 1px solid #ddd; 
  border-radius: 8px; 
  background-color: #f9f9f9; 
}

*/
.member-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 12px; /* Giảm khoảng cách để tiết kiệm không gian trên mobile */
  padding: 8px;
}

.member-item {
  flex: 1 1 calc(100% - 16px); /* Mặc định 1 cột trên mobile */
  max-width: calc(100% - 16px);
  box-sizing: border-box;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background-color: #f9f9f9;
  min-height: 200px;
}

.member-item img {
  width: 100%; /* Đảm bảo ảnh co giãn phù hợp */
  max-width: 180px; /* Giữ kích thước tối đa */
  height: auto;
  object-fit: contain; /* Đảm bảo ảnh không bị méo */
}

.member-item h2 {
  font-size: 14px; /* Giảm kích thước chữ trên mobile */
  line-height: 1.4;
  max-height: 3em;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  margin-top: 8px;
}

@media (max-width: 768px) {
  .cong-ty-thanh-vien {
    padding: 0;
  }
  .member-item h2 {
    font-size: 12px; /* Giảm kích thước chữ trên mobile */
    line-height: 1.4;
    padding: 0px !important;
  }
}

/* Responsive: 2 cột trên tablet */
@media (min-width: 600px) {
  .member-item {
    flex: 1 1 calc(50% - 16px);
    max-width: calc(50% - 16px);
  }
  .cong-ty-thanh-vien {
    padding: 0px;
  }
  .member-item h2 {
    font-size: 12px; /* Giảm kích thước chữ trên mobile */
    line-height: 1.4;
    padding: 0px !important;
  }
}

/* Responsive: 3 cột trên desktop */
@media (min-width: 1024px) {
  .member-item {
    flex: 1 1 calc(33.33% - 16px);
    max-width: calc(33.33% - 16px);
  }
  .cong-ty-thanh-vien {
    padding: 0px;
  }
}