/* Item bao ngoài có chiều cao bằng nhau */
.slidermajors .item-border-none {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Khung hình ảnh */
.slidermajors .item-border-none .img {
  width: 100%;
  height: 200px;         /* fix chiều cao đồng bộ, có thể chỉnh 180–220px */
  overflow: hidden;
  border-bottom: 1px solid #eee;
}

.slidermajors .item-border-none .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;     /* ảnh phủ kín khung mà không méo */
  object-position: center;
}

/* Nội dung */
.slidermajors .item-border-none .item-content {
  flex: 1;               /* chiếm hết chiều cao còn lại */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}
/* Căn giữa dot */
.slidermajors .slick-dots {
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 6px;               /* khoảng cách giữa các dot */
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0;
  list-style: none;
}

/* Style cho dot */
.slidermajors .slick-dots li button:before {
  font-size: 10px;        /* thu nhỏ dot */
  color: #ccc;            /* màu mặc định */
  opacity: 1;
}

/* Dot đang active */
.slidermajors .slick-dots li.slick-active button:before {
  color: #28a745;         /* màu active (xanh lá/đổi theo brand) */
  font-size: 12px;        /* active to hơn 1 chút */
}
.slidermajors .slick-dots li button:before {
  content: '';
  width: 10px;
  height: 10px;
  background: #ccc;
  border-radius: 50%;
  display: inline-block;
}

.slidermajors .slick-dots li.slick-active button:before {
  background: var(--mku-bg-primary-color);   /* màu active */
}