.home_story .img-inner {
	border-radius: 40px 90px 40px 90px !important;
	box-shadow: 0 15px 45px rgba(0, 0, 0, 0.15);
	overflow: hidden;
	border: none !important;
}

.home_story .img-inner img {
	object-fit: cover;
	transition: transform 0.5s ease;
}

.home_story .img:hover img {
	transform: scale(1.05);
}

.home_story .img-inner.dark {
	background-color: rgba(0, 0, 0, 0.1);
}

.home_story .button.primary {
	background: var(--color-main);
	padding: 10px 25px;
	margin-top: 20px;
}
.home_story h1,
.vd_home h2,
.home_sanpham .title h1{
	font-size:30px !important;
	color: var(--color-main);
	font-weight:bold;
}
.home_giatri {
	background-color: #f9f9f9;
	padding: 50px 0;
}

.home_giatri .col-inner {
	background-color: var(--color-white);
	border: 1px solid #f0f0f0;
	border-radius: 15px;
	padding: 20px;
	height: 100%;
	transition: all 0.3s ease;
	box-shadow: 0 4px 15px rgba(0,0,0,0.03);
}

.home_giatri .col-inner:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

.home_giatri .icon-box-img {
	margin: 0 auto 15px auto !important;
	width: 80px !important;
	height: 80px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

.home_giatri .col:nth-child(1) .icon-box-img { background-color: #fff4eb; }
.home_giatri .col:nth-child(2) .icon-box-img { background-color: #eaffee; }
.home_giatri .col:nth-child(3) .icon-box-img { background-color: #fffbeb; }
.home_giatri .col:nth-child(4) .icon-box-img { background-color: #fff0f0; }

.home_giatri .icon-box-img img {
	width: 35px !important;
	height: auto;
}

.home_giatri .icon-box-text h3 {
	color: var(--color-main);
	font-size: 1.2rem;
	font-weight: 700;
	margin-bottom: 10px;
	line-height: 1.4;
}

.home_giatri .icon-box-text p {
	color: #000;
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 0;
}

.home_sanpham .col.tt .col-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: 5px 0 5px 15px;
	border-left: 6px solid #f26522;
	position: relative;
}

.home_sanpham h2 {
	color: var(--color-main);
	font-size: 26px !important;
	font-weight: 800;
	margin: 0;
	text-transform: uppercase;
	width: 100%;
	flex: 1 1 70%;
}

.home_sanpham p {
	color: #777;
	font-style: italic;
	font-size: 15px;
	margin: 5px 0 0 0;
	width: 100%;
	flex: 1 1 70%;
}

.home_sanpham a.button.is-link {
	background-color: transparent !important;
	border: none !important;
	color: var(--color-main);
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
	text-transform: none !important;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: end;
	transform: translateY(-50%);
}

.home_sanpham a.button.is-link i {
	font-size: 18px;
	margin-left: 5px;
}
.home_sanpham .title{
	display: flex;
	text-align: center;
	justify-content: center;
	padding-bottom:10px;
	margin-bottom:50px;
}
.home_sanpham .title .text{
	display: flex;
	text-align: center;
	justify-content: center;
}
.home_sanpham .title h1{
	font-size: 40px;
	color: var(--color-main);
	width: max-content;
	border-bottom: 3px solid var(--color-chu);
}

/* KHUNG BÀI VIẾT */
.baiviet .box-blog-post {
	position: relative;
	overflow: hidden;
	border-radius: 18px;
}

/* ẢNH DÀI HƠN */
.baiviet .box-image .image-cover {
	padding-top: 135% !important; /* chỉnh chiều dài ảnh */
	border-radius: 18px;
	overflow: hidden;
}

.baiviet .box-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.4s ease;
}

.baiviet .box-blog-post:hover img {
	transform: scale(1.05);
}

/* ẨN NỘI DUNG CŨ */
.baiviet .from_the_blog_excerpt,
.baiviet .is-divider,
.baiviet .button {
	display: none;
}

/* CHO TEXT ĐÈ LÊN ẢNH */
.baiviet .box-text {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 20px;
	z-index: 5;
	background: linear-gradient(to top,
		rgba(0,0,0,0.75) 0%,
		rgba(0,0,0,0.4) 45%,
		transparent 100%);
}

/* KHUNG TIÊU ĐỀ */
.baiviet .post-title {
	margin: 0;
	line-height: 1.5em;
}

.baiviet .post-title a {
	display: inline-block;
	background: rgba(255,255,255,0.12);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	border: 1px solid rgba(255,255,255,0.25);
	padding: 12px 16px;
	border-radius: 14px;
	color: #fff !important;
	font-size: 17px;
	font-weight: 700;
	text-decoration: none;
}

/* MOBILE */
@media (max-width: 768px) {
	.baiviet .box-image .image-cover {
		padding-top: 120% !important;
	}

	.baiviet .box-text {
		padding: 15px;
	}

	.baiviet .post-title a {
		font-size: 15px;
		padding: 10px 14px;
		border-radius: 12px;
	}
}

.hinhanhhome .box-image {
	border-radius: 15px;
        overflow: hidden; /* Thêm dòng này để bo góc mượt hơn, không bị ảnh tràn góc */
}

.hinhanhhome img {
	width: 100% !important; /* Rộng 100% theo cột để responsive tốt hơn trên điện thoại */
	height: 200px !important; /* Chiều cao cố định bạn muốn */
	object-fit: cover !important; /* QUAN TRỌNG: Giúp ảnh không bị méo, bóp méo */
        object-position: center !important; /* Giữ tâm ảnh ở giữa */
}
.baiviet .blog-post-inner .button.is-link{
	display:none;
}
.events-homepage {
	background-color: var(--color-bg) !important;
	padding: 60px 0 !important;
}

.events-homepage .text h2 span {
	font-size: 32px !important;
	font-weight: 800 !important;
	color: var(--color-main) !important;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.events-homepage .large-7 .col-inner {
	background: var(--color-white);
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 10px 25px rgba(0,0,0,0.05); 
	transition: all 0.3s ease;
}

.events-homepage .large-7 .col-inner:hover {
	transform: translateY(-8px);
	box-shadow: 0 15px 35px rgba(0,0,0,0.1);
}

.events-homepage .large-7 .box-text {
	padding: 25px !important;
}

.events-homepage .large-7 .post-title a {
	font-size: 24px !important;
	line-height: 1.3 !important;
	color: var(--color-black) !important;
	font-weight: 700 !important;
	transition: color 0.3s;
}

.events-homepage .large-7 .post-title a:hover {
	color: var(--color-main) !important;
}

.cam_nang .post-item {
	margin-bottom: 25px !important;
}

.cam_nang .box-blog-post {
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-start;
	background: transparent;
}

.cam_nang .box-image {
	width: 130px !important;
	flex-shrink: 0;
}

.cam_nang .box-image .image-cover {
	border-radius: 12px !important;
	padding-top: 85% !important; 
}

.cam_nang .box-text {
	padding: 0 0 0 20px !important;
}

.cam_nang .post-title a {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #333 !important;
	line-height: 1.4;
	margin-bottom: 5px;
	display: block;
}

.cam_nang .post-title a:hover {
	color: var(--color-main) !important;
}


.events-homepage .post-meta {
	font-size: 11px !important;
	color: var(--color-chu) !important; 
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	margin-bottom: 8px;
}

.events-homepage .from_the_blog_excerpt {
	font-size: 14px !important;
	color: #666 !important;
	line-height: 1.5 !important;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Nút "Đọc tiếp" cho bài lớn */
.events-homepage .large-7 .box-text-inner::after {
	content: "Đọc tiếp →";
	display: inline-block;
	margin-top: 15px;
	color: var(--color-chu);
	font-weight: 700;
	font-size: 14px;
	cursor: pointer;
	transition: 0.3s;
}

.events-homepage .large-7 .box-text-inner:hover::after {
	padding-left: 5px;
	color: var(--color-main);
}
.events-homepage h2 {
	color: var(--color-main);
}
.events-homepage .box-blog-post .is-divider{
	display:none;
}

.chanhxe-content {
	max-width: 800px;
	line-height: 1.6;
	color: #333;
}

.intro {
	margin-bottom: 20px;
}

.feature-item {
	position: relative;
	padding-left: 35px; /* Tạo khoảng trống bên trái cho icon */
	margin-bottom: 15px;
}

/* Đây là phần "ăn" tiền của bạn */
.feature-item::before {
	content: ""; /* Bắt buộc phải có */
	position: absolute;
	left: 0;
	top: 2px; /* Căn chỉnh icon lên xuống cho vừa mắt */
	width: 22px;
	height: 22px;

	/* Đã đổi mã màu stroke thành %23ff6900 (#ff6900) */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ff6900'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z'%3E%3C/path%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
}

/* Highlight tên thương hiệu nếu muốn */
.chanhxe-content strong {
	color: var(--color-main, #006666);
}

.pdbt ,.baiviet {
	padding-bottom:5px !important;
}
@media (max-width: 549px) {
	.home_giatri .col {
		margin-bottom: 20px;
	}
}
@media (max-width: 768px ) {
	.home_story .col-inner{
		padding-left:0px !important;
	}
	.home_sanpham  .button.xtc{
		color:var(--color-chu) !important;
		font-size:17px !important;
	}
	.home_sanpham  .xtc.button.is-link::after {
		content: "→";
		margin-left: 5px;
		color: var(--color-chu) !important;
		font-size: 18px;
		transition: transform 0.3s;
	}
	.events-homepage .large-7 .col-inner:hover{
		transform: unset;
	}
	.events-homepage h2 {
		color: var(--color-main);
		font-size:20px;
	}
	.vd_home .gallery-col {
		padding: 5px !important;
	}
	.vd_home{
		padding-bottom:0px !important;
	}
	.baiviet .box-text{
		padding:15px !important;
	}
	.baiviet .post-title a{
		font-size: 15px;
	}
	.baiviet .post-item{
		padding:5px;
		padding-bottom:10px;
	}
	.baiviet{
		padding-bottom:5px !important;
	}
	.home_sanpham p{
		font-size:13px;
	}
	.tt{
		padding-bottom:10px !important;
	}
	.home_sanpham .title h1 {
		font-size: 33px;
	}
	.home_giatri .col-inner {		
		padding: 11px;
	}
	.home_giatri .icon-box-text h3 {
		font-size: 18px;
	}
	.home_giatri .icon-box-text p {
		font-size: 14px;
	}
	.home_giatri .col{
		padding:7px !important;
		margin-bottom:0px!important;
	}
	.home_sanpham a.button.is-link{
		margin-top:10px !important;
	}
	.home_sanpham h2{
		font-size:22px !important;
	}
}