.nhaxe-about {
	background: #f7f8fb;
}

/* Container */

.about-container {
	max-width: 1200px;
	margin: auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 80px;
	align-items: center;
}

/* Images */

.about-images {
	position: relative;
	display: flex;
	gap: 25px;
}
.wpcf7-form {
	margin-bottom: 0 !important;
}
.about-img {
	overflow: hidden;
	border-radius: 28px;
	box-shadow: 0 15px 40px rgba(0,0,0,0.1);
	transform: translateY(60px);
	opacity: 0;
	transition: all .8s ease;
}

.about-img img {
	width: 100%;
	height: 420px;
	object-fit: cover;
}

.img-0 { width: 45%;
	margin-bottom: 80px;}

.img-1 {
	width: 55%;
	margin-top: 80px;
}

/* Badge */

.exp-badge {
	position: absolute;
	left: 45%;
	top: 45%;
	transform: translate(-50%, -50%);
	width: 130px;
	height: 130px;
	border-radius: 50%;
	background: #35d07f;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	box-shadow: 0 10px 30px rgba(0,0,0,.15);
	animation: pulse 3s infinite;
}

.exp-badge span {
	font-size: 34px;
	font-weight: 700;
}

.exp-badge p {
	font-size: 12px;
	text-align: center;
}

/* Content */

.about-subtitle {
	color: #35d07f;
	font-weight: 700;
	letter-spacing: 2px;
}

.about-title {
	font-size: 42px;
	font-weight: 800;
	margin: 15px 0;
}

.about-desc {
	color: #666;
	line-height: 1.7;
}

/* List */

.about-list {
	margin-top: 25px;
	list-style: none;
	padding: 0;
}

.about-list li {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 14px;
	margin-left: 0 !important;
}

.about-list img {
	width: 24px;
}

/* Button */

.about-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-top: 25px;
	font-weight: 700;
	text-decoration: none;
	color: #FFF;
	transition: .3s;
	background-color: var(--fs-color-primary);
	padding: 12px 40px;
	border-radius: 10px;
}

.about-btn:hover {
	transform: translateX(6px);
}

/* Animation */

.about-images.show .about-img {
	opacity: 1;
	transform: translateY(0);
}

@keyframes pulse {
	0% { transform: translate(-50%, -50%) scale(1); }
	50% { transform: translate(-50%, -50%) scale(1.1); }
	100% { transform: translate(-50%, -50%) scale(1); }
}

/* Responsive */

@media (max-width: 900px) {

	.about-container {
		grid-template-columns: 1fr;
	}

	.about-img img {
		height: 300px;
	}

}
.box-image{
	position:relative;
}
/* CARD BLOG */
.post .post-item .box,
#post-list .post-item .box{
	background:#fff;
	border-radius:22px;
	overflow:hidden;
	box-shadow:0 8px 30px rgba(0,0,0,0.06);
	transition:all .35s ease;
}
#post-list .post-item .col-inner {
	border-radius: 22px;
}
.post .post-item .box:hover,
#post-list .post-item .box:hover{
	transform:translateY(-6px);
	box-shadow:0 18px 40px rgba(0,0,0,0.12);
}

/* IMAGE */
.post .box-image{
	position:relative;
}

.post .box-image img{
	border-radius:22px 22px 0 0;
}

/* CATEGORY BADGE */
.phan-loai{
	position:absolute;
	top:16px;
	left:16px;
	z-index:9;
}

.phan-loai-nho{
	display:flex;
	align-items:center;
	gap:6px;
	background:#e8f5ef;
	color:#1aa06d;
	font-weight:600;
	font-size:13px;
	padding:6px 14px;
	border-radius:30px;
}

.phan-loai-nho span{
	width:6px;
	height:6px;
	background:#1aa06d;
	border-radius:50%;
}

/* CONTENT */
.post .box-text{
	padding:22px;
}

/* TITLE */
.post .post-title{
	font-size:18px;
	font-weight:700;
	line-height:1.4;
	margin-bottom:10px;
}

.post .post-title a,
#post-list .post-title a{
	color:#0f2a44;
	line-height: 22px;
	margin-bottom: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	min-height: 45px;
}

.post .post-title a:hover,
#post-list .post-title a:hover{
	color:#1aa06d;
}

/* DIVIDER */
.post .is-divider{
	height:1px;
	background:#eee;
	margin:12px 0;
}

/* EXCERPT */
.post .from_the_blog_excerpt{
	font-size:14px;
	color:#6b7a8c;
	line-height:1.6;
	margin-bottom:18px;
}

/* BUTTON */
.post .button.primary{
	width:100%;
	border-radius:12px;
	background:#f3f5f7;
	border:none;
	color:#233443;
	font-weight:600;
	padding:12px;
	transition:.3s;
	font-size: 14px;
	line-height: 1.3;
}

.post .button.primary:hover{
	background:#0f9d6b;
	color:#fff;
}


/* RESPONSIVE */
@media (max-width:768px){

	.post .box-text{
		padding:18px;
	}

	.post .post-title{
		font-size:16px;
	}

	.phan-loai{
		top:12px;
		left:12px;
	}

	.phan-loai-nho{
		font-size:11px;
		padding:5px 10px;
	}

}
.gallery img {
	border-radius: 10px;
}
/* TITLE SECTION */
.post h2,
.gallery h2{
	font-size:34px;
	font-weight:700;
	color:#0f2a44;
	position:relative;
	margin-bottom:25px;
}

/* thanh xanh dưới tiêu đề */
.post h2:after, 
.gallery h2:after{
	content:"";
	position:absolute;
	left:0;
	bottom:-10px;
	width:60px;
	height:4px;
	background:#18a56b;
	border-radius:4px;
}
.post .xemthem a {
	font-size:16px;
	font-weight:600;
	font-size: 16px;
	font-weight: 600;
	color: #14903f;
	padding: 10px 30px;
	background: #14903f21;
	width: max-content;
	border-radius: 99px;
}
.post .xemthem .col-inner {
	display: flex;
	justify-content: end;
}
/* .post p a,
.post p{
color:#18a56b;
} */

.post .xemthem a:after{
	content:"→";
	margin-left:6px;
}@media (max-width:768px){

	.post h2{
		font-size:26px;
	}

	.post h2:after{
		width:50px;
	}

}

/* Form Filter */
/* Khung form */
.form-tim-ve{
	background:#fff;
	border-radius:20px;
	padding:25px 30px;
	box-shadow:
		0 10px 25px rgba(0,0,0,0.08),
		0 20px 60px rgba(0,0,0,0.12);
	transition:all .3s ease;
}

/* hiệu ứng hover nổi */
.form-tim-ve:hover{
	transform:translateY(-3px);
	box-shadow:
		0 15px 35px rgba(0,0,0,0.12),
		0 25px 70px rgba(0,0,0,0.15);
}

/* layout ngang */
.form-row{
	display:flex;
	gap:20px;
	align-items:flex-end;
}

/* mỗi ô */
.form-group{
	flex:1;
}

/* label */
.form-group label{
	display:block;
	font-size:12px;
	font-weight:600;
	color:#111;
	margin-bottom:6px;
	text-transform:uppercase;
	letter-spacing:.5px;
}

/* input */
.form-group input{
	width:100% !important;
	height:48px !important;
	padding:0 15px 0 42px !important;
	border:1px solid #e5e7eb !important;
	border-radius:12px !important;
	background:#f7f9fb;
	font-size:15px !important;
	margin: 0 !important;
	transition:all .25s ease;
}
.wpcf7-spinner {
	display: none !important;
}
/* focus */
.form-group input:focus{
	border-color:#22c55e;
	background:#fff;
	box-shadow:0 0 0 3px rgba(34,197,94,0.15);
	outline:none;
}

/* icon vị trí */
.form-group:nth-child(1) input,
.form-group:nth-child(2) input{
	background-image:url("data:image/svg+xml,%3Csvg fill='%2322c55e' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z'/%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position:12px center;
	background-color: #f7fafc;
	background-size:18px;
	padding: 10px 40px;
	border-radius: 5px;
}

/* icon lịch */
.form-group:nth-child(3) input{
	background-image:url("data:image/svg+xml,%3Csvg fill='%2322c55e' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h2v2h6V2h2v2h3v18H4V4h3V2zm13 8H6v10h14V10z'/%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position:12px center;
	background-size:18px;
	background-color: #f7fafc;
	padding: 10px 40px;
	border-radius: 5px;
}

/* nút submit */
.form-submit{
	flex:0 0 auto;
}

.form-submit input{
	height: 48px;
	padding: 0 42px !important;
	border-radius: 5px !important;
	background: linear-gradient(135deg, #22c55e, #16a34a);
}

/* hover nút */
.form-submit input:hover{
	transform:translateY(-2px);
	box-shadow:0 12px 25px rgba(34,197,94,0.45);
}

/* click */
.form-submit input:active{
	transform:scale(.97);
}

/* mobile responsive */
@media (max-width:768px){

	.form-tim-ve{
		padding:20px;
	}

	.form-row{
		flex-direction:column;
		gap:15px;
	}

	.form-submit{
		width:100%;
	}

	.form-submit input{
		width:100%;
	}
}

/** Tin tức */
.news-sidebar {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.news-sidebar__box {
	background: #fff;
	border-radius: 18px;
	padding: 18px 16px;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
	border: 1px solid rgba(15, 23, 42, 0.04);
	transition: transform .3s ease, box-shadow .3s ease;
}

.news-sidebar__box:hover {
	transform: translateY(-2px);
	box-shadow: 0 16px 32px rgba(15, 23, 42, 0.08);
}

.news-sidebar__title {
	margin: 0 0 14px;
	font-size: 18px;
	font-weight: 700;
	color: #1f2937;
	line-height: 1.3;
}

/* Search */
.news-search-form {
	position: relative;
	margin-bottom: 0 !important;
}

.news-search-form__input {
	width: 100% !important;
	height: 46px !important;
	padding: 0 48px 0 16px !important;
	border: 1px solid #d1d5db !important;
	border-radius: 12px !important;
	font-size: 15px !important;
	color: #374151 !important;
	margin-bottom: 0 !important;
	background: #fff !important;
	outline: none;
	transition: border-color .25s ease, box-shadow .25s ease, background .25s ease;
}

.news-search-form__input::placeholder {
	color: #9ca3af;
}

.news-search-form__input:focus {
	border-color: #14903f;
	box-shadow: 0 0 0 4px rgba(20, 144, 63, 0.12);
	background: #fcfffd;
}

.news-search-form__btn {
	position: absolute;
	margin: 0;
	min-height: unset;
	line-height: unset;
	top: 50%;
	right: 14px;
	transform: translateY(-50%);
	width: 22px;
	height: 22px;
	border: none;
	background: transparent;
	color: #9ca3af;
	padding: 0;
	cursor: pointer;
	transition: color .25s ease, transform .25s ease;
}

.news-search-form__btn:hover {
	color: #14903f;
	transform: translateY(-50%) scale(1.06);
}

/* News list */
.news-sidebar__list {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.news-item {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	text-decoration: none;
	padding: 10px;
	border-radius: 14px;
	transition: background .25s ease, transform .25s ease, box-shadow .25s ease;
}

.news-item:hover {
	background: #f8fbf9;
	transform: translateX(3px);
	box-shadow: inset 3px 0 0 #14903f;
}

.news-item__thumb {
	width: 92px;
	min-width: 92px;
	height: 72px;
	border-radius: 12px;
	overflow: hidden;
	background: #f3f4f6;
	box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08);
}

.news-item__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .35s ease;
}

.news-item:hover .news-item__thumb img {
	transform: scale(1.06);
}

.news-item__content {
	flex: 1;
	min-width: 0;
}

.news-item__title {
	margin: 0 0 8px;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.45;
	color: #1f2937;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: color .25s ease;
}

.news-item:hover .news-item__title {
	color: #14903f;
}

.news-item__meta {
	display: flex;
	align-items: center;
	gap: 8px;
}

.news-item__date {
	font-size: 13px;
	color: #6b7280;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.news-item__date::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 999px;
	background: #f59e0b;
	box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.12);
}

/* Responsive */
@media (max-width: 767px) {
	.news-sidebar__box {
		border-radius: 16px;
		padding: 16px 14px;
	}

	.news-sidebar__title {
		font-size: 17px;
	}

	.news-item {
		gap: 10px;
		padding: 8px;
	}

	.news-item__thumb {
		width: 84px;
		min-width: 84px;
		height: 66px;
	}

	.news-item__title {
		font-size: 14px;
	}
}

/* Mobile only */
@media (max-width: 767px) {
	.form-tim-ve {
		background: #f3f3f3;
		border-radius: 22px;
		padding: 20px;
		box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
	}

	.form-tim-ve .form-row {
		display: flex;
		flex-direction: column;
		gap: 18px;
	}

	.form-tim-ve .form-group {
		width: 100%;
		margin: 0;
	}

	.form-tim-ve .form-group p {
		margin: 0;
	}

	.form-tim-ve label {
		display: block;
		margin: 0 0 8px;
		font-size: 13px;
		font-weight: 700;
		text-transform: uppercase;
		color: #8a96a3;
		letter-spacing: 0.4px;
	}

	/* Đồng bộ tất cả input/date/submit */
	.form-tim-ve .wpcf7-form-control:not(.wpcf7-submit) {
		width: 100%;
		height: 48px;
		border: 1px solid #d8d8d8;
		border-radius: 6px;
		background: #fff;
		box-sizing: border-box;
		padding: 0 14px;
		font-size: 15px;
		color: #4b5563;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) inset;
	}

	.form-tim-ve input[type="text"],
	.form-tim-ve input[type="date"] {
		min-height: 48px;
		line-height: 48px;
		appearance: none;
		-webkit-appearance: none;
	}

	/* Nút submit cùng chiều cao với các ô nhập nhưng rộng 100% */
	.form-tim-ve .form-submit {
		width: 100%;
	}

	.form-tim-ve .wpcf7-submit {
		width: 100%;
		height: 48px;
		min-height: 48px;
		border: 0;
		border-radius: 4px;
		background: linear-gradient(180deg, #28c757 0%, #1fb14b 100%);
		color: #fff;
		font-size: 15px;
		font-weight: 800;
		text-transform: uppercase;
		letter-spacing: 0.3px;
		box-sizing: border-box;
		margin: 0;
		padding: 0 16px;
		box-shadow: 0 8px 18px rgba(34, 197, 94, 0.22);
	}

	.form-tim-ve .wpcf7-spinner {
		display: none;
	}

	/* Nếu theme đang chia cột desktop thì ép về 1 cột */
	.form-tim-ve .form-row > .form-group,
	.form-tim-ve .form-row > div {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media (max-width: 849px) {
	.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
		background-color: #FFF !important;
	}
	.off-canvas .nav-vertical>li>a {
		font-size: 15px;
		color: #111;
	}
}
#comments .comment-respond {
	display: none;
}