.UIAdvertisement_danh-ba-hiep-hoi-trang-chu .module-title p:first-child{
    text-align:center;
    color: #008f4a;
    font-family: "Helvetica";
    font-weight: 600;
    font-size: 25px;
}
.UIAdvertisement_danh-ba-hiep-hoi-trang-chu .module-title p:last-child{
    text-align:center;
    color: #444;
    font-family: "Helvetica";
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 30px;
}
.UIAdvertisement_danh-ba-hiep-hoi-trang-chu .dm-body {
  
  display:flex !important;
  justify-content : space-between;
  align-items : center;
  gap:50px;
      height: 100%;
    margin-bottom: 30px;
        flex-wrap: nowrap;
      overflow-x: auto;      /* bật scroll ngang */
        overflow-y:hidden;
  scroll-behavior: smooth;
        padding:10px 0;
}

.UIAdvertisement_danh-ba-hiep-hoi-trang-chu .dm-flip-card {
   flex: 0 0 auto; 
  position:relative; 
  width : 300px;
  height : 350px;
  background:transparent;
  transform-style: preserve-3d;
  perspective: 2000px;
    
} 

.UIAdvertisement_danh-ba-hiep-hoi-trang-chu .dm-front-card {
  
   position:absolute;
   height:100%;
   width:100%;   
   backface-visibility: hidden;
   transition: transform 1s;

   background-image:linear-gradient(180deg, #005490 0%, #580042 100%);
   background-size:cover;
   background-positon: center;
    text-align: center;
     border-radius: 10px;
    overflow: hidden;
        display: flex;
  flex-direction: column;      /* xếp theo cột */
  align-items: center;         /* căn giữa ngang */
  justify-content: center;     /* căn giữa dọc */
  gap: 20px; 
}

/*Just overlay color of front image*/

.UIAdvertisement_danh-ba-hiep-hoi-trang-chu .dm-front-card:after {
  
  content:'';
  position:absolute;
  height:100%;
  width:100%;
  background:#1B0036;
  top:0;
  left:0;
  opacity:0.5;
  display:none;
}
  
.UIAdvertisement_danh-ba-hiep-hoi-trang-chu .dm-back-card {
  
   position:absolute;
   height:100%;
   width:100%;
   background:linear-gradient(180deg, #001F85 0%, #006881 100%);
   backface-visibility: hidden;
   transform:rotateY(180deg); /*-180deg to flip direction*/
   transition: transform 1s;
   justify-content:center;
   align-items:center;
   display:flex;
   flex-direction:column;
   border-radius: 10px;
    overflow: hidden;
  
}

.UIAdvertisement_danh-ba-hiep-hoi-trang-chu .dm-flip-card:hover .dm-front-card {
        
    transform: rotateY(-180deg); /*180deg to flip direction*/
        
}
    
.UIAdvertisement_danh-ba-hiep-hoi-trang-chu .dm-flip-card:hover .dm-back-card {
        
    transform:rotateY(0deg);
        
}

.UIAdvertisement_danh-ba-hiep-hoi-trang-chu .avatar{
    width: 175px;
    height: 175px;
    border-radius: 50%;
    object-fit: cover;
    background: #fff;
    border: 1px solid #eee;
    padding: 2px;


    
}
.UIAdvertisement_danh-ba-hiep-hoi-trang-chu .title{
 text-align:center;
    color: white;
    font-family: "Helvetica";
    font-weight: 600;
    font-size: 17px;
    text-transform: uppercase;
            margin-bottom: 0;
}
.UIAdvertisement_danh-ba-hiep-hoi-trang-chu .info-list{
    list-style: none;
    padding-left: 0;
    padding: 0 15px;
    
}
.UIAdvertisement_danh-ba-hiep-hoi-trang-chu .name{
 color: #FEFF00;
    font-family: "Helvetica";
    font-weight: 600;
    font-size: 17px;
	    margin-bottom: 0;
}
.UIAdvertisement_danh-ba-hiep-hoi-trang-chu .info-list li{
     color: white;
    font-family: "Helvetica";
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 10px;
     
}
.UIAdvertisement_danh-ba-hiep-hoi-trang-chu .position{

}
.UIAdvertisement_danh-ba-hiep-hoi-trang-chu .address{

}
.UIAdvertisement_danh-ba-hiep-hoi-trang-chu .phone-number{

}
@media only screen and (max-width: 1023px) {

}