.style-bg-title {
    background-image: url(https://balang.com.vn/wp-content/uploads/2023/06/bg-title-balangth.jpg);
}

.font-BaiJ {
    font-family: BaiJMe
}

.swiper-pagination-bullet {
    background: #E81930 !important;
}

.textblack {
    color: #000000 !important
}
.ajax-filter-item:hover span{
    color:var(--default-color-2) !important
}

.font-20px {
    font-size: 18px !important
}
.collapse {
    visibility: unset !important; 
}
/* Tùy chỉnh nút Next/Prev */
.swiperhomepic .swiper-button-next,
.swiperhomepic .swiper-button-prev {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    color: #333; /* Màu mũi tên */
}

    .swiperhomepic .swiper-button-next:after,
    .swiperhomepic .swiper-button-prev:after {
        font-size: 18px; /* Kích thước mũi tên nhỏ lại cho tinh tế */
        font-weight: bold;
    }

/* Ẩn nút trên Mobile cho gọn, chỉ hiện trên PC */
@media (max-width: 767px) {
    .swiperhomepic .swiper-button-next,
    .swiperhomepic .swiper-button-prev {
        display: none;
    }
}

/* Hiệu ứng khi hover nút */
.swiperhomepic .swiper-button-next:hover,
.swiperhomepic .swiper-button-prev:hover {
    background: var(--default-color-2);
    color: #fff;
}
@media(max-width:739px) {
    .font-20px {
        font-size: 12px !important
    }
    .aasc{
	height:130px !important
    }

	.xczcvv{
		padding-top: 30px;
	}	
	.czzmn{
		margin-bottom: 27px;
	}
	.casi{
		display:none;
	}
	.cknzjm > *:first-child {
  

		 grid-area: 1 / 1 / 2 / 3;
	}
	.cknzjm > *:nth-child(2) {
  

		 grid-area: 2 / 1 / 3 / 2;
	}
	.cknzjm > *:nth-child(3) {
  

		grid-area: 2 / 2 / 3 / 3;
	}
	
	.cknzjm:nth-child(2) .czzqa {
  

		padding:10px;
	}
	.cknzjm .mhdfoa:nth-child(1) .czzqa h3{
		font-size:18px;
		-webkit-line-clamp:1;
	}
	.cknzjm .mhdfoa:nth-child(1) .czzqa p{
		font-size:16px
	}
	.cknzjm .mhdfoa:nth-child(2) .czzqa h3,.cknzjm .mhdfoa:nth-child(3) .czzqa h3{
		font-size:14px;
		-webkit-line-clamp:1;
}
	.cknzjm .mhdfoa:nth-child(2) .czzqa p,.cknzjm .mhdfoa:nth-child(3) .czzqa p{
		font-size:12px;
		-webkit-line-clamp:2;
}
	.cknzjm:nth-child(3) .czzqa {
  

		padding:10px;
	}
	.cknzjm .mhdfoa:nth-child(2) .czzqa button,.cknzjm .mhdfoa:nth-child(3) .czzqa button{
		font-size:12px;
	}
	.cknzjm .mhdfoa:nth-child(2) .czzqa button svg,.cknzjm .mhdfoa:nth-child(3) .czzqa button svg{
		width: 13px;
	}
}