.hcarousel.glist .video::before {
  background-image: url("../img/play.svg");
}
.hcarousel.glist .video::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  background-size: 50px;
  background-position: center 50%;
  background-repeat: no-repeat; 
}

#pendek {
	max-width: 99px;   
	white-space: nowrap;  
	overflow: hidden;  
	text-overflow: ellipsis;
}

#judulpendek2line100 {
	max-width: 100px;   
	display: -webkit-box; /* Enables the flexible box layout for line clamping */
	-webkit-box-orient: vertical; /* Stacks the content vertically within the box */
	-webkit-line-clamp: 2; /* Limits the text to a maximum of 2 lines */
	overflow: hidden; /* Hides any content exceeding the specified line limit */
	text-overflow: ellipsis; /* Adds an ellipsis (...) to the truncated text */
}

#judulpendek2line250 {
	max-width: 250px;   
	display: -webkit-box; /* Enables the flexible box layout for line clamping */
	-webkit-box-orient: vertical; /* Stacks the content vertically within the box */
	-webkit-line-clamp: 2; /* Limits the text to a maximum of 2 lines */
	overflow: hidden; /* Hides any content exceeding the specified line limit */
	text-overflow: ellipsis; /* Adds an ellipsis (...) to the truncated text */
}

#judulpendek2line300 {
	max-width: 300px;   
	display: -webkit-box; /* Enables the flexible box layout for line clamping */
	-webkit-box-orient: vertical; /* Stacks the content vertically within the box */
	-webkit-line-clamp: 2; /* Limits the text to a maximum of 2 lines */
	overflow: hidden; /* Hides any content exceeding the specified line limit */
	text-overflow: ellipsis; /* Adds an ellipsis (...) to the truncated text */
}

#judulpendek100 {
	max-width: 100px;   
	white-space: nowrap;  
	overflow: hidden;  
	text-overflow: ellipsis;
}

#judulpendek110 {
	max-width: 110px;   
	white-space: nowrap;  
	overflow: hidden;  
	text-overflow: ellipsis;
}

#judulpendek125 {
	max-width: 125px;   
	white-space: nowrap;  
	overflow: hidden;  
	text-overflow: ellipsis;
}

#judulpendek150 {
	max-width: 150px;   
	white-space: nowrap;  
	overflow: hidden;  
	text-overflow: ellipsis;
}

#judulpendek200 {
	max-width: 200px;   
	white-space: nowrap;  
	overflow: hidden;  
	text-overflow: ellipsis;
}

#judulpendek225 {
	max-width: 225px;   
	white-space: nowrap;  
	overflow: hidden;  
	text-overflow: ellipsis;
}

#judulpendek250 {
	max-width: 250px;   
	white-space: nowrap;  
	overflow: hidden;  
	text-overflow: ellipsis;
}