.bbaner img {
	border-radius: 20px;
}
.bbaner h1 {
	font-size: 55px;
}
.bbaner span {
	color: #c9c9c9;
}
.bbaner a {
	background: #000;
	margin: 30px 0;
}
.bbaner a>span {
	color: #fff;
}
.section {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-top: 64px !important;
	margin-bottom: 64px !important;
}
.container .section, .row .section {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
/* ===== Card tổng ===== */
.box-text {
	border-radius: 0 0 22px 22px;
}
.product-small .box-image {
	position: relative;
}

.custom-deal-on-image {
	position: absolute;
	top: 14px;
	left: 14px;
	z-index: 5;
}
.product-small.box,
.product-small .box,
.box-product {
	padding: 10px 10px;
	border-radius: 22px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 6px 18px rgba(0,0,0,0.06);
	border: 1px solid #ececec;
	transition: all .25s ease;
}

.product-small.box:hover,
.product-small .box:hover,
.box-product:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 28px rgba(0,0,0,0.10);
}

/* ===== Ảnh sản phẩm ===== */
.product-small .box-image,
.product-small .image-fade_in_back,
.product-small .image-cover {
	border-radius: 22px 22px 0 0;
	overflow: hidden;
	border-radius: 10px;
}

.product-small .box-image img {
	width: 100%;
	height: 270px;
	object-fit: cover;
	display: block;
}

/* ===== Tiêu đề ===== */
.box-text .title-wrapper {
	margin-bottom: 14px;
}

.box-text .name.product-title,
.box-text .woocommerce-loop-product__title,
.box-text h2,
.box-text h3 {
	font-size: 20px;
	line-height: 1.35;
	font-weight: 800;
	color: #111827;
	margin: 0;
}

.box-text .name.product-title a,
.box-text .woocommerce-loop-product__title a {
	color: #111827;
	text-decoration: none;
}

/* ===== Badge HOT DEAL ===== */
.deal-wrapper {
	margin-bottom: 14px;
}

.deal-badge {
	position: absolute;
	top: -250px;
	left: 25px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #d90429;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	padding: 7px 14px;
	border-radius: 999px;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: .3px;
}

/* ===== Danh sách icon box ===== */
.icon-box-wrapper {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 58px;
	margin-bottom: 18px;
	overflow-x: auto;
	scrollbar-width: none;
}

.icon-box-wrapper::-webkit-scrollbar {
	display: none;
}

.icon-box-item {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	white-space: nowrap;
	min-height: 24px;
}

.icon-box-image {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
}

.icon-box-image img {
	width: 16px;
	height: 16px;
	object-fit: contain;
	display: block;
}

.icon-box-text {
	font-size: 13px;
	line-height: 1.4;
	font-weight: 500;
	color: #2b2b2b;
}

/* ===== Khối giá + nút ===== */
.price-detail-wrapper {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	border-top: 1px solid #ececec;
	padding-top: 16px;
	margin-top: 6px;
}

.price-wrapper {
	flex-direction: row;
	align-items: flex-start;
	margin-bottom: 20px;
}

.price-wrapper .price {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: 4px;
	font-size: 0;
	line-height: 1;
}

.price-wrapper .price .woocommerce-Price-amount {
	font-size: 24px;
	font-weight: 800;
	color: #d90429;
	line-height: 1.1;
}

.price-wrapper .price ins .woocommerce-Price-amount {
	color: #d90429;
}

.price-wrapper .price del .woocommerce-Price-amount {
	font-size: 14px;
	color: #999;
	font-weight: 400;
}

.price-suffix {
	font-size: 13px;
	font-weight: 400;
	color: #666;
	margin-left: 2px;
	line-height: 1.2;
}

/* ===== Nút đặt xe ===== */
.detail-wrapper {
	flex: 0 0 auto;
}

/* ===== Ẩn text mặc định nút nếu có ===== */
.product-detail-link {
	overflow: hidden;
	text-indent: -9999px;
}

.product-detail-link::before {
	text-indent: 0;
	position: absolute;
}

/* ===== Tinh chỉnh vị trí tiêu đề và badge ===== */
.box-text > .deal-wrapper {
	order: -1;
}

/* ===== Nếu Flatsome đang hiện sale flash mặc định thì ẩn đi ===== */
.badge-container,
.on-sale,
.sale-badge {
	z-index: 2;
}

/* ===== Khoảng cách đẹp hơn cho card ===== */
.product-small .box-text-inner,
.product-small .box-text {
	padding-left: 5px;
	padding-right: 0;
}

/* ===== Responsive ===== */
@media (max-width: 991px) {
	.product-small .box-image img {
		height: 240px;
	}

	.box-text .name.product-title,
	.box-text .woocommerce-loop-product__title,
	.box-text h2,
	.box-text h3 {
		font-size: 18px;
	}

	.icon-box-wrapper {
		gap: 40px;
	}
}

@media (max-width: 767px) {
	.box-text {
		padding: 14px 14px 12px;
	}

	.product-small .box-image img {
		height: 220px;
	}

	.price-detail-wrapper {
		padding-top: 14px;
	}

	.price-wrapper .price .woocommerce-Price-amount {
		font-size: 28px;
	}

	.product-detail-link {
		width: 40px;
		height: 40px;
		border-radius: 10px;
	}

	.product-detail-link::before {
		font-size: 20px;
	}
	.product-small.box, .product-small .box, .box-product{
		padding:0px !important;
	}
	.product-small .box-text-inner, .product-small .box-text{
		padding:5px !important;
	}

}
/* tieuchi */
.tc-box-wrap {
	width: 100%;
	padding: 40px 0;
}

.tc-box-grid {
	display: grid;
	grid-template-columns: repeat(2, 2fr);
	gap: 25px;
	align-items: start;
	text-align: center;
}

.tc-box-item {
	    padding: 15px 20px;
    background: #dfdfdf3d;
    max-width: 100%;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.tc-box-icon {
	width: 64px;
	height: 64px;
	margin: 0 auto 18px;
	background: #f3e7b1;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.tc-box-icon img {
	width: 28px;
	height: 28px;
	object-fit: contain;
	display: block;
}

.tc-box-title {
	margin: 0 0 10px;
	font-size: 20px;
	line-height: 1.2;
	font-weight: 700;
	color: #1e1e1e;
}

.tc-box-desc {
	max-width: 290px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 1.6;
	color: #6b5b43;
}
.doitac .flickity-viewport .image-cover img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.doitac .flickity-slider{
	margin-bottom:10px;
}
.danhmuc {
	background: #faf9f2;
}
.danhmuc .row {
	margin-top: 32px;
}

.danhmuc .detail-wrapper {
	flex: 0 0 auto;
	margin: 5px 0;
}

.danhmuc .product-detail-link {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	color: #fff !important;
	font-size: 15px !important;
	font-weight: 800;
	text-indent: 0 !important;
	background: #000;
	min-width: 100px;
	height: 46px;
	border-radius: 14px;

}

.danhmuc .product-detail-link:hover {
	background: #ff2f5f;
	color: #fff !important;
	transform: translateY(-2px);
	box-shadow: 0 12px 26px rgba(255, 47, 95, 0.32);
}

/* Mobile */
@media (max-width: 767px) {
	.danhmuc .price-detail-wrapper {
		gap: 10px;
		margin-top: 20px;
		padding-top: 20px;
	}

	.danhmuc .price-wrapper .price,
	.danhmuc .price-wrapper .amount,
	.danhmuc .price-wrapper bdi {
		font-size: 25px;
	}

	.danhmuc .product-detail-link {
		min-width: 105px;
		height: 46px;
		padding: 0 18px;
		border-radius: 14px;
		font-size: 14px;
	}
}
/* Tablet */
@media (max-width: 849px) {
	.tc-box-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 30px 20px;
	}

	.tc-box-title {
		font-size: 24px;
	}

}

/* Mobile */
@media (max-width: 549px) {
	.tc-box-icon {
		width: 58px;
		height: 58px;
	}

	.tc-box-title {
		font-size: 16px;
	}

	.danhmuc td:nth-child(2) {
		padding-bottom:10px !important;
	}
	.product-small .box-text-inner, .product-small .box-text{
		padding:15px !important;
	}
	.danhmuc .button.primary{
		background-color: transparent;
		color: #d4a017;
		padding: 6px 30px;
		font-weight: 600;
		transition: all 0.3s ease;
	}
	.danhmuc .button.primary:hover{
		background-color: #fdf8e6;
		color: #b8860b;
		border-color: #b8860b;
	}
	/* Grid 2 cột 2 hàng */
	.tc-box-grid{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	/* Item đẹp hơn */
	.tc-box-item{
		background: #fff;
		padding: 25px 20px;
		border-radius: 12px;
		box-shadow: 0 4px 12px rgba(0,0,0,0.08);
		text-align: center;
		height: 100%;
	}

	/* Description */
	.tc-box-desc{
		font-size: 13px;
		line-height: 1.6;
		color: #666;
	}


}
/* camnang */
/* ===== CẨM NANG DU LỊCH ===== */
.camnang {
	padding: 40px 0 !important;
}

.camnang h2,
.khuyenmai h2{
	font-size: 30px;
	line-height: 1.15;
	font-weight: 700;
	padding: 20px 0;
	color: #171717;
	margin: 0;
}
.khuyenmai h5 {
	padding: 0px 0px 20px;
}
.camnang .text-right {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 100%;
}
.khuyenmai .img .img-inner {
	border-radius: 10px !important;
}
.camnang .button.is-link,
.camnang .button.primary.is-link {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	min-height: unset !important;
	line-height: 1.2 !important;
	color: #9b7b00 !important;
	font-size: 15px;
	font-weight: 600;
	text-transform: none !important;
}

.camnang .button.is-link:hover,
.camnang .button.primary.is-link:hover {
	color: #7d6200 !important;
	background: transparent !important;
}

/* khoảng cách giữa title và list */
.camnang > .section-content > .row {
	row-gap: 0;
}

/* ===== CARD POST ===== */
.camnang .post-item .col-inner {
	padding: 0;
}

.camnang .box-blog-post {
	background: transparent;
	box-shadow: none;
	border: 0;
}

.camnang .box-image {
	margin-bottom: 18px;
}

.camnang .box-image .image-cover {
	border-radius: 28px;
	overflow: hidden;
	background: #ddd;
}

.camnang .box-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;

	transition: transform .35s ease;
}

.camnang .post-item:hover .box-image img {
	transform: scale(1.04);
}

.camnang .box-text {
	padding: 0;
}

.camnang .blog-post-inner {
	padding: 0;
}

/* category */
.camnang .cat-label,
.camnang .post-category,
.camnang .post-meta-top {
	font-size: 13px;
	line-height: 1.4;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #9b7b00;
	margin-bottom: 10px;
}

/* title */
.camnang .post-title,
.camnang .post-title.is-large {
	font-size: 16px;
	line-height: 1.35;
	font-weight: 700;
	margin: 0 0 12px;
}

.camnang .post-title a {
	color: #171717;
	line-height: 22px !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	min-height: 45px;
}

.camnang .post-title a:hover {
	color: #9b7b00;
}

/* bỏ divider mặc định flatsome */
.camnang .is-divider {
	display: none;
}

/* excerpt */
.camnang .from_the_blog_excerpt,
.camnang .box-text p {
	font-size: 14px;
	line-height: 1.65;
	color: #5f5f5f;
	margin-bottom: 18px;
}

/* date */
.camnang .post-meta.is-small.op-8 {
	opacity: 1;
	font-size: 15px;
	font-weight: 600;
	color: #6a5629;
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 8px;
}

/* icon lịch trước ngày */
.camnang .post-meta.is-small.op-8::before {
	content: "";
	width: 18px;
	height: 18px;
	display: inline-block;
	flex: 0 0 18px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236a5629' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
}

/* ===== SLIDER / CỘT ===== */
.camnang .row-slider .post-item {
	padding: 0 18px 0 0 !important;
}

.camnang .flickity-viewport {
	overflow: visible;
}

.camnang .slider-nav-reveal .flickity-prev-next-button {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 8px 24px rgba(0,0,0,.12);
	opacity: 1;
}

.camnang .slider-nav-reveal .flickity-prev-next-button:hover {
	background: #fff;
}

.camnang .flickity-button-icon {
	fill: #171717;
}

/* ===== RESPONSIVE ===== */
@media (min-width: 850px) {
	.camnang .post-title,
	.camnang .post-title.is-large {
		min-height: 40px;
	}

	.camnang .from_the_blog_excerpt,
	.camnang .box-text p {
		min-height: 84px;
	}
}

@media (max-width: 849px) {
	.camnang h2 {
		font-size: 34px;
	}

	.camnang .button.is-link,
	.camnang .button.primary.is-link {
		font-size: 17px;
	}

	.camnang .post-title,
	.camnang .post-title.is-large {
		font-size: 20px;
	}

	.camnang .from_the_blog_excerpt,
	.camnang .box-text p {
		font-size: 15px;
	}
}

@media (max-width: 549px) {
	.camnang {
		padding: 28px 0 !important;
	}


	.camnang .text-right {
		justify-content: flex-start;
		margin-top: 8px;
	}

	.camnang .box-image {
		margin-bottom: 14px;
	}

	.camnang .box-image .image-cover,
	.camnang .box-image img {
		border-radius:0px !important;
	}

	.camnang .post-title,
	.camnang .post-title.is-large {
		font-size: 18px;
	}
	.camnang .button.is-link::after,
	.camnang .button.primary.is-link::after {
		content: "→";
		display: inline-block;
		margin-left: 10px;
		font-size: 24px;
		line-height: 1;
		transform: translateY(1px);
	}
	.camnang .blog-post-inner{
		padding:5px 15px !important;
	}
	.camnang .box-blog-post{
		box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
		border-radius:20px !important;
		overflow:hidden;
	}
	.camnang_col2{
		padding: 10px 5px !important;
		padding-bottom: 30px !important;
	}
	.camnang h2::after {
		width: 156px !important;
		position: absolute !important;
		justify-self: center;
		top: 65px;
		left: 105px !important;
	}
	.camnang .row-slider .post-item{
		padding: 0px 5px 30px 5px !important;
	}
	.container .row:not(.row-collapse), .lightbox-content .row:not(.row-collapse), .row .gallery, .row .row:not(.row-collapse){
		margin:0px !important;
	}

}
/* Cẩm Nang Du Lịch - camnang2 */
.camnang2 {
	padding-top: 24px !important;
	padding-bottom: 70px !important;
	background: #fff;
}

.camnang2 .section-content {
	max-width: 1140px;
	margin: 0 auto;
}

.camnang2 .col-inner.text-center {
	text-align: left !important;
}

/* Tiêu đề */
.camnang2 h2 {
	margin: 0 0 62px;
	line-height: 1.25;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.camnang2 h2 span {
	font-size: 26px !important;
	font-weight: 800;
	color: #07111f;
	line-height: 1.2;
	position: relative;
	display: inline-block;
	padding-bottom: 8px;
}

/* Link Xem tất cả */
.camnang2 h2::after {
	content: "Xem tất cả";
	font-size: 15px;
	font-weight: 700;
	color: #9b7600;
	line-height: 1;
	margin-top: -8px;
}

/* Grid bài viết */
.camnang2 .row.large-columns-3 {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 18px;
	row-gap: 32px;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.camnang2 .post-item {
	max-width: 100% !important;
	flex-basis: auto !important;
	padding: 0 !important;
}

.camnang2 .post-item .col-inner {
	height: 100%;
}

/* Card */
.camnang2 .box-blog-post {
	background: transparent;
	box-shadow: none;
}

/* Ảnh */
.camnang2 .box-image {
	border-radius: 22px;
	overflow: hidden;
	margin-bottom: 18px;
}

.camnang2 .image-cover {
	padding-top: 56.25% !important;
	border-radius: 22px;
	overflow: hidden;
}

.camnang2 .image-cover img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	border-radius: 22px;
	transition: transform 0.35s ease;
}

.camnang2 .box-blog-post:hover .image-cover img {
	transform: scale(1.04);
}

/* Nội dung */
.camnang2 .box-text {
	padding: 0 !important;
	text-align: left !important;
}

.camnang2 .blog-post-inner {
	padding: 0 !important;
}

/* Tiêu đề bài */
.camnang2 .post-title {
	margin: 0 0 15px;
	line-height: 1.35;
}

.camnang2 .post-title a {
	font-size: 16px;
	font-weight: 800;
	line-height: 1.35;
	color: #07111f;
	text-decoration: none;
	display: block;
}

.camnang2 .post-item:nth-child(2) .post-title a {
	color: #9b7600;
}

.camnang2 .post-title a:hover {
	color: #9b7600;
}

/* Ngày đăng */
.camnang2 .post-meta {
	font-size: 15px;
	font-weight: 800;
	color: #6b4d16;
	opacity: 1 !important;
	margin: 0 0 8px;
	display: flex;
	align-items: center;
	gap: 9px;
}

.camnang2 .post-meta::before {
	content: "";
	width: 17px;
	height: 17px;
	display: inline-block;
	background-color: currentColor;
	mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 2h2v3h6V2h2v3h3a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h3V2Zm13 9H4v9h16v-9ZM4 9h16V7H4v2Z'/%3E%3C/svg%3E") center / contain no-repeat;
	-webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 2h2v3h6V2h2v3h3a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h3V2Zm13 9H4v9h16v-9ZM4 9h16V7H4v2Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Ẩn divider mặc định */
.camnang2 .is-divider {
	display: none;
}

/* Mô tả */
.camnang2 .from_the_blog_excerpt {
	font-size: 14.5px;
	font-weight: 400;
	line-height: 1.55;
	color: #5f6673;
	margin: 0;
}

/* Responsive */
@media (max-width: 849px) {
	.camnang2 {
		padding-bottom: 45px !important;
	}

	.camnang2 h2 {
		margin-bottom: 36px;
	}

	.camnang2 .row.large-columns-3 {
		grid-template-columns: 1fr;
		row-gap: 28px;
	}

	.camnang2 h2::after {
		font-size: 14px;
	}
}

@media (max-width: 549px) {
	.camnang2 h2 span {
		font-size: 25px !important;
	}

	.camnang2 h2 span::after {
		width: 145px;
	}

	.camnang2 .box-image,
	.camnang2 .image-cover,
	.camnang2 .image-cover img {
		border-radius: 18px;
	}
}
/* duan */
/* ===== DỰ ÁN TIÊU BIỂU ===== */
.duan {
	padding: 40px 0 !important;
}

.duan h2,
.gallery h2{
	position: relative;
	margin: 0;
	font-size: 40px;
	line-height: 1.15;
	font-weight: 700;
	color: #171717;
	display: inline-block;
	padding-bottom: 14px;
}
.gallery .row {
	margin-top: 32px;
}
/* nút xem tất cả */
.duan .text-right {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 100%;
}

.duan .button.is-link,
.duan .button.primary.is-link {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	min-height: unset !important;
	line-height: 1.2 !important;
	color: #9b7b00 !important;
	font-size: 15px;
	font-weight: 600;
	text-transform: none !important;
}

.duan .button.is-link::after,
.duan .button.primary.is-link::after {
	content: "→";
	display: inline-block;
	margin-left: 10px;
	font-size: 24px;
	line-height: 1;
	transform: translateY(1px);
}

.duan .button.is-link:hover,
.duan .button.primary.is-link:hover {
	color: #7d6200 !important;
	background: transparent !important;
}

/* khoảng cách header */
.duan > .section-content > .row {
	row-gap: 0;
}

/* ===== CARD ===== */
.duan .row-slider {
	margin: 0 -12px;
}

.duan .row-slider .post-item {
	padding: 0 12px !important;
}

.duan .post-item .col-inner {
	padding: 0;
}

.duan .box-blog-post {
	position: relative;
	overflow: hidden;
	border-radius: 28px;
	background: #111;
	box-shadow: none !important;
}

.duan .box-image {
	margin: 0;
}

.duan .box-image .image-cover {
	border-radius: 28px;
	overflow: hidden;
	background: #111;
}

.duan .box-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 28px;
	transform: scale(1);
	transition: transform .45s ease;
}

.duan .post-item:hover .box-image img {
	transform: scale(1.05);
}

/* lớp phủ tối như ảnh mẫu */
.duan .box-overlay .overlay {
	background:
		linear-gradient(180deg, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0.18) 30%, rgba(0,0,0,0.78) 100%) !important;
	opacity: 1 !important;
}

/* text nằm đè lên ảnh */
.duan .box-text {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	padding: 28px 26px 24px;
	background: none !important;
}

.duan .blog-post-inner {
	padding: 0 !important;
}

/* category */
.duan .cat-label {
	margin: 0 0 10px !important;
	font-size: 13px !important;
	line-height: 1.3;
	font-weight: 700;
	letter-spacing: 1.8px;
	text-transform: uppercase;
	color: #f1cc00 !important;
	opacity: 1 !important;
}

/* title */
.duan .post-title,
.duan .post-title.is-large {
	margin: 0 0 16px !important;
	font-size: 19px;
	line-height: 1.35;
	font-weight: 700;
	text-transform: none !important;
}

.duan .post-title a {
	color: #fff !important;
}

.duan .post-title a:hover {
	color: #f1cc00 !important;
}

/* ẩn excerpt để giống ảnh */
.duan .from_the_blog_excerpt {
	display: none;
}

/* ẩn divider mặc định */
.duan .is-divider {
	display: none !important;
}

/* thêm dòng "Chi tiết dự án" */
.duan .blog-post-inner::after {
	content: "Chi tiết dự án";
	gap: 10px;
	color: #d9dde3;
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	margin: 0 45px;
}

/* icon tròn con mắt */
.duan .blog-post-inner::before {
	content: "";
	width: 35px;
	height: 35px;
	border: 1px solid rgba(255,255,255,0.25);
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px;
	margin-bottom: -183px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}

/* gộp icon + text thành 1 hàng */
.duan .blog-post-inner {
	position: relative;
}

.duan .blog-post-inner::before,
.duan .blog-post-inner::after {
	display: inline-flex;
	align-items: center;
}

/* ===== NÚT SLIDER ===== */
.duan .slider-nav-reveal .flickity-prev-next-button {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: rgba(255,255,255,0.95);
	box-shadow: 0 8px 22px rgba(0,0,0,.15);
	opacity: 1;
}

.duan .slider-nav-reveal .flickity-prev-next-button:hover {
	background: #fff;
	width: 50px;
	height: 50px;
	transform: translateY(200px) !important;
}

.duan .flickity-button-icon {
	fill: #111;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 849px) {
	.duan h2 {
		font-size: 34px;
	}

	.duan .button.is-link,
	.duan .button.primary.is-link {
		font-size: 17px;
		margin: 25px 0;
	}

	.duan .post-title,
	.duan .post-title.is-large {
		font-size: 20px;
	}

	.duan .box-text {
		padding: 22px 20px 20px;
	}
}

@media (max-width: 549px) {
	.danhmuc .price-label {
		position: relative;
		left: -76px;
	}
	.duan {
		padding: 28px 0 !important;
	}


	.duan h2::after {
		width: 145px;
		height: 3px;
		margin: 0 110px;
	}

	.duan .text-right {
		justify-content: flex-start;
		margin-top: 8px;
	}

	.duan .box-blog-post,
	.duan .box-image .image-cover,
	.duan .box-image img {
		border-radius: 22px;
	}

	.duan .post-title,
	.duan .post-title.is-large {
		font-size: 16px;
		position: relative;
		bottom: -65px;
	}
	.section.duan .box-blog-post > .box-text.text-left > .box-text.text-left:first-child {

		margin: 103px 0px !important;

	}
	.duan .blog-post-inner::after {
		font-size: 14px;
	}

	.duan .blog-post-inner {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
	}

	.duan .blog-post-inner::after {
		font-size: 14px;
		position: relative;
		bottom: -55px;
	}

	.duan .blog-post-inner::before {
		position: relative;
		top: -21px;
	}
	.duan_col2{
		padding:10px 5px !important;
		padding-bottom:30px !important;
	}
}
.duan .slider-nav-reveal .flickity-prev-next-button.next {
	left: auto !important;
	right: -7px !important;
	transform: translateY(200px) !important;
}
.duan .slider-nav-reveal .flickity-prev-next-button.previous {
	transform: translateY(200px) !important;
}
.duan .slider-nav-reveal .flickity-prev-next-button, .slider-nav-reveal .flickity-prev-next-button:hover {
	box-shadow: unset !important;
}
/* Ẩn button mặc định */
.duan .slider-nav-reveal .flickity-prev-next-button {
	opacity: 0;
	visibility: hidden;
	transform: translateY(-50%) scale(0.8);
	transition: all 0.3s ease;
}

/* Khi hover vào slider thì hiện */
.duan:hover .slider-nav-reveal .flickity-prev-next-button {
	opacity: 1;
	visibility: visible;
	transform: translateY(-50%) scale(1);
}

/* Hover riêng cho button cho đẹp hơn */
.duan .slider-nav-reveal .flickity-prev-next-button:hover {
	color: #fff;
}
#comments .comment-respond {
	display: none;
}
/* =========================
SECTION DỰ ÁN 2
========================= */
.section.duan2 {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}

.section.duan2 .row-full-width.has-shadow.row-box-shadow-2 {
	box-shadow: none !important;
	background: transparent !important;
}

/* mỗi post-item thành 1 card lớn giống ảnh */
.section.duan2 .post-item {
	margin-bottom: 28px;
}

.section.duan2 .post-item .col-inner {
	background: #f7f7f5;
	border-radius: 30px;
	overflow: hidden;
	box-shadow: 0 14px 35px rgba(0, 0, 0, 0.10);
	max-width: 100%;
	width: 100%;
	height: 450px;
}

/* box ngang 2 cột */
.section.duan2 .box-blog-post {
	display: flex;
	align-items: stretch;
	background: #f7f7f5;
	border-radius: 30px;
	overflow: hidden;
	min-height: 460px;
	transition: all 0.3s ease;
}

.section.duan2 .box-blog-post:hover {
	transform: translateY(-2px);
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
}

/* =========================
IMAGE BÊN TRÁI
========================= */
.section.duan2 .box-blog-post .box-image {
	width: 42% !important;
	flex: 0 0 42%;
	margin: 0;
	position: relative;
}

.section.duan2 .box-blog-post .image-cover {
	height: 100% !important;
	padding-top: 0 !important;
	min-height: 460px;
}

.section.duan2 .box-blog-post .image-cover a {
	display: block;
	width: 100%;
	height: 100%;
}

.section.duan2 .box-blog-post .image-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* =========================
TEXT BÊN PHẢI
========================= */
.section.duan2 .box-blog-post > .box-text.text-left {
	width: 58%;
	flex: 0 0 58%;
	padding: 46px 44px 40px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: #f7f7f5;
	position: relative;
}

/* label custom ACF trên đầu */
.section.duan2 .box-blog-post > .box-text.text-left > .box-text.text-left:first-child {
	font-size: 20px;
	line-height: 1.2;
	font-weight: 500;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: #8a6f00;
	margin-bottom: 18px;
}

/* phần nội dung */
.section.duan2 .blog-post-inner {
	display: flex;
	flex-direction: column;
	height: 100%;
}

/* ẩn category mặc định "Dự án" để giống mẫu */
.section.duan2 .blog-post-inner .cat-label {
	display: none !important;
}

/* title */
.section.duan2 .blog-post-inner .post-title {
	margin: 0 0 18px !important;
	line-height: 1.05;
	font-weight: 700;
	letter-spacing: -1.2px;
}

.section.duan2 .blog-post-inner .post-title a {
	color: #000 !important;
	text-decoration: none !important;
}

/* ẩn divider mặc định */
.section.duan2 .blog-post-inner .is-divider {
	display: none !important;
}

/* excerpt */
.section.duan2 .blog-post-inner .from_the_blog_excerpt {
	margin: 0 0 34px !important;
	font-size: 30px;
	line-height: 1.45;
	color: #444;
	font-weight: 400;
	max-width: 95%;
}

/* nút */
.section.duan2 .blog-post-inner .button.is-link {
	display: inline-flex;
	align-items: center;
	gap: 18px;
	padding: 0 !important;
	margin-top: auto;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #000 !important;
	font-weight: 500;
	text-transform: uppercase;
	text-decoration: none !important;
	margin: 55px 0;
}

/* icon tròn bên trái nút */
.section.duan2 .blog-post-inner .button.is-link::before {
	content: "→";
	border-radius: 50%;
	background: #ffd900;
	color: #8a6f00;
	align-items: center;
	justify-content: center;
}

.section.duan2 .blog-post-inner .button.is-link:hover::before {
	transform: translateX(3px);
}

/* bỏ underline mặc định Flatsome */
.section.duan2 .blog-post-inner .button.is-link::after {
	display: none !important;
	content: none !important;
}

/* =========================
DESKTOP lớn giống mockup hơn
========================= */
@media (min-width: 1200px) {
	.section.duan2 .box-blog-post {
		min-height: 490px;
	}

	.section.duan2 .box-blog-post .image-cover {
		min-height: 490px;
	}

	.section.duan2 .box-blog-post > .box-text.text-left {
		padding: 44px 42px 38px;
	}

	.section.duan2 .box-blog-post > .box-text.text-left > .box-text.text-left:first-child {
		font-size: 18px;
		letter-spacing: 0px;
		margin: -10px -25px -10px;
	}

	.section.duan2 .blog-post-inner .post-title {
		font-size: 27px;
		line-height: 1.08;
	}

	.section.duan2 .blog-post-inner .from_the_blog_excerpt {
		font-size: 18px;
		line-height: 1.55;
		max-width: 92%;
	}

	.section.duan2 .blog-post-inner .button.is-link {
		margin: 15px 0;
		font-size: 16px;
		letter-spacing: 0.8px;
	}

	.section.duan2 .blog-post-inner .button.is-link::before {
		width: 44px;
		height: 44px;
		min-width: 44px;
		font-size: 26px;
	}
}

/* =========================
TABLET
========================= */
@media (max-width: 849px) {
	.section.duan2 .box-blog-post {
		min-height: unset;
		flex-direction: column;
		border-radius: 24px;
	}

	.section.duan2 .post-item .col-inner {
		border-radius: 24px;
	}

	.section.duan2 .box-blog-post .box-image,
	.section.duan2 .box-blog-post > .box-text.text-left {
		width: 100% !important;
		flex: 0 0 100%;
	}

	.section.duan2 .box-blog-post .image-cover {
		min-height: 360px;
	}

	.section.duan2 .box-blog-post > .box-text.text-left {
		padding: 30px 28px 30px;
	}

	.section.duan2 .box-blog-post > .box-text.text-left > .box-text.text-left:first-child {
		font-size: 15px;
		letter-spacing: 2px;
		margin-bottom: 14px;
	}

	.section.duan2 .blog-post-inner .post-title {
		font-size: 28px;
		line-height: 1.15;
		margin-bottom: 14px !important;
	}

	.section.duan2 .blog-post-inner .from_the_blog_excerpt {
		font-size: 16px;
		line-height: 1.6;
		max-width: 100%;
		margin-bottom: 26px !important;
	}

	.section.duan2 .blog-post-inner .button.is-link {
		font-size: 15px;
		letter-spacing: 1.2px;
		gap: 14px;
	}

	.section.duan2 .blog-post-inner .button.is-link::before {
		width: 42px;
		height: 42px;
		min-width: 42px;
		font-size: 24px;
	}
}

/* =========================
MOBILE
========================= */
@media (max-width: 549px) {
	.section.duan2 .blog-post-inner .post-title a {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: normal;
		-webkit-box-orient: vertical;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		min-height: 45px;
	}
	.section.duan2 {
		padding-top: 24px !important;
		padding-bottom: 24px !important;
	}

	.section.duan2 .post-item {
		margin-bottom: 18px;
	}

	.section.duan2 .box-blog-post,
	.section.duan2 .post-item .col-inner {
		border-radius: 20px;
	}

	.section.duan2 .box-blog-post .image-cover {
		min-height: 250px;
	}

	.section.duan2 .box-blog-post > .box-text.text-left {
		padding: 5px 18px 0px;
	}

	.section.duan2 .box-blog-post > .box-text.text-left > .box-text.text-left:first-child {
		font-size: 13px;
		letter-spacing: 1.8px;
		margin-bottom: 10px;
	}

	.section.duan2 .blog-post-inner .post-title {
		font-size: 18px;
		line-height: 1.2;
		letter-spacing: -0.4px;
	}

	.section.duan2 .blog-post-inner .from_the_blog_excerpt {
		font-size: 14px;
		line-height: 1.6;
		margin-bottom: 20px !important;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: normal;
		-webkit-box-orient: vertical;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		min-height: 45px;
	}

	.section.duan2 .blog-post-inner .button.is-link {
		font-size: 13px;
		letter-spacing: 1px;
		gap: 12px;
	}

	.section.duan2 .blog-post-inner .button.is-link::before {
		width: 38px;
		height: 38px;
		min-width: 38px;
		font-size: 20px;
	}
}
/* Hover toàn bộ card -> đổi màu title + nút */
.section.duan2 .box-blog-post{
	cursor: pointer;
}

/* hiệu ứng mượt */
.section.duan2 .box-blog-post .post-title a,
.section.duan2 .box-blog-post .button.is-link,
.section.duan2 .box-blog-post .button.is-link::before{
	transition: all .3s ease;
}

/* title đổi màu khi hover vào khoảng trống card */
.section.duan2 .box-blog-post:hover .post-title a{
	color: #8a6f00 !important; 
}

/* text nút đổi màu */
.section.duan2 .box-blog-post:hover .button.is-link{
	color: #8a6f00 !important;
}

/* nút tròn đổi nền + màu icon */
.section.duan2 .box-blog-post:hover .button.is-link::before{
	background: #8a6f00 !important;
	color: #ffffff !important;
	transform: translateX(4px);
}
.section.duan .box-blog-post > .box-text.text-left > .box-text.text-left:first-child {
	font-size: 13px;
	margin: 95px 4px;
	color: #f2ce00;
}
/*logo  */

/* Vùng đối tác */
.doi_tac {

	position: relative;
	width: 100%;
}

/* Vùng chứa ảnh chạy ngang */
.doi_tac .hinh_anh {
	white-space: nowrap;
	display: flex;
	align-items: center;
}

/* Dãy logo */
.doi_tac .logo-track {
	display: inline-block;
	animation: slideLeft 10s linear infinite;
	white-space: nowrap;
}

/* Logo item */
.doi_tac .logo_img {
	display: inline-block;
	padding: 15px;
	margin: 0 40px;
}

/* Animation chạy từ phải qua trái */
@keyframes slideLeft {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}
.dtlogo {
	background: #efefef;
	overflow: hidden;
}

.dtlogo .hinh_anh .col-inner {
	overflow: hidden;
	position: relative;
}

/* khung nhìn */
.dtlogo .logo-slider {
	width: 100%;
	overflow: hidden;
	position: relative;
}

/* track trượt theo từng bước */
.dtlogo .logo-track {
	display: flex;
	align-items: center;
	transition: transform 0.8s ease;
	will-change: transform;
}

/* mỗi logo */
.dtlogo .logo-track .ux-logo {
	flex: 0 0 33.3333%;
	max-width: 33.3333% !important;
	min-width: 33.3333%;
	display: flex !important;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 0 20px;
	margin: 0 !important;
}

/* khung ảnh */
.dtlogo .logo-track .ux-logo-link {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 140px;
	padding: 0 !important;
}

/* ảnh */
.dtlogo .logo-track .ux-logo-image {
	width: auto !important;
	max-width: 100%;
	height: 90px !important;
	max-height: 90px !important;
	object-fit: contain;
	display: block;
	margin: 0 auto;
}

/* tablet */
@media (max-width: 849px) {
	.dtlogo .logo-track .ux-logo {
		flex: 0 0 50%;
		max-width: 50% !important;
		min-width: 50%;
		padding: 0 16px;
	}

	.dtlogo .logo-track .ux-logo-link {
		height: 110px;
	}

	.dtlogo .logo-track .ux-logo-image {
		height: 70px !important;
		max-height: 70px !important;
	}
}
.mioto-blog-box-title,
.danhmuc h2,
.dtlogo h2
{
	font-size: 40px;
	margin-bottom: 12px;
}
/* mobile */
@media (max-width: 549px) {
	.dtlogo .logo-track .ux-logo {
		flex: 0 0 100%;
		max-width: 100% !important;
		min-width: 100%;
		padding: 0 10px;
	}

	.dtlogo .logo-track .ux-logo-link {
		height: 90px;
	}

	.dtlogo .logo-track .ux-logo-image {
		height: 100px !important;
		max-height: 90px !important;
	}
	.mioto-blog-box-title {
		font-size: 24px;
	}
}
.mioto-blog-box-wrap {
	overflow: hidden;
}

.mioto-blog-swiper {
	margin-top: 32px;
}

.mioto-blog-card {
	display: block;
	width: 100%;
	border-radius: 12px;
	overflow: hidden;
}

.mioto-blog-card img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 12px;
}

@media (max-width: 767px) {
	.mioto-blog-swiper {
		overflow: visible;
		padding-right: 24px;
	}

	.mioto-blog-swiper .mioto-swiper-button-prev,
	.mioto-blog-swiper .mioto-swiper-button-next {
		display: none;
	}
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	background: #ffd500;
}
.section-content {
	z-index: 0 !important;
}
.mioto-blog-box-container {
	text-align: center;
}
.gallery .box-image {
	border-radius: 20px;
}
.gallery .box-image img {
	border-radius: 20px;
}
/* Chỉ chặn link trong blog box */
.gallery .box-blog-post a,
.gallery .post-item a,
.gallery .box-image a,
.gallery .box-text a {
    pointer-events: none !important;
    cursor: default !important;
    text-decoration: none !important;
}