.home_dmsp h2{
	font-size:32px;
	color: var(--color-chu);
}

.home_whychoices {
	background-color: #fdfaf5; 
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}

.home_whychoices h2 {
	color: var(--color-chu);
	font-size: 32px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 30px;
	letter-spacing: 1px;
}

.home_whychoices .icon-box {
	display: flex;
	align-items: flex-start; 
	padding: 10px;
}

.home_whychoices .icon-box-img {
	margin-right: 10px;
	padding-top:10px;
	flex-shrink: 0;
}

.home_whychoices .icon-box-img img {
	width: 50px; 
	height: auto;
}
.home_whychoices .icon-box-left .icon-box-img+.icon-box-text{
	padding-left:0px !important;
}
.home_whychoices .icon-box-text h3 {
	font-size: 17px;
	font-weight: 800;
	color: #333;
	margin-bottom: 8px;
	margin-top: 0;
	line-height: 1.3;
	text-transform: uppercase;
}
.home_whychoices .icon-box-text p {
	font-size: 13.5px;
	color: #555;
	line-height: 1.5;
	margin-bottom: 0;
}
.home_whychoices .col:not(:last-child) {
	position: relative;
	padding-right: 25px; /* Tạo khoảng cách để text không chạm vào đường kẻ */
}

/* 1. Tạo đường kẻ dọc đứt quãng (Dashed Line) */
.home_whychoices .col:not(:last-child)::after {
	content: "";
	position: absolute;
	right: 0;
	top: 15%;    /* Cách mép trên 15% */
	bottom: 15%; /* Cách mép dưới 15% */
	width: 1px;
	border-right: 1px dashed #d1d1d1; /* Màu xám nhạt đứt quãng */
	z-index: 1;
}

/* 2. Tạo dấu chấm/ô vuông nhỏ ở chính giữa */
.home_whychoices .col:not(:last-child)::before {
	content: "";
	position: absolute;
	right: -2px; /* Căn giữa đè lên đường kẻ (do width dấu chấm là 4px) */
	top: 50%;
	transform: translateY(-50%);
	width: 4px;  /* Độ rộng dấu chấm */
	height: 4px; /* Độ cao dấu chấm */
	background-color: #666; /* Màu xám đậm cho dấu chấm */
	z-index: 2;
	border-radius: 1px; /* Bo nhẹ góc để giống hình mẫu */
}


.home_introduce {
	padding: 30px 0;
	line-height: 1.6;
	color: #333;
}

/* Tiêu đề "GIỚI THIỆU CÔNG TY" */
.home_introduce h2 {
	font-size: 32px;
	color: #4a2c2a;
	margin-bottom: 5px;
	text-transform: uppercase;
}

/* Tiêu đề "GREEN SKY" */
.home_introduce h3 {
	font-size: 24px;
	color: #d4a373; /* Màu vàng đồng/nâu nhạt */
	margin-bottom: 15px;
	text-transform: uppercase;
}

/* Đoạn văn bản giới thiệu */
.home_introduce p {
	font-size: 16px;
	margin-bottom: 20px;
	text-align: justify;
}

/* Danh sách liệt kê */
.home_introduce ul {
	list-style: none; /* Bỏ dấu chấm mặc định để tùy chỉnh icon */
	padding: 0;
	margin: 0;
}

.home_introduce ul li {
	padding-left: 15px; /* Khoảng cách để chứa icon */
	margin-bottom: 10px;
	font-size: 15px;
}

/* Tạo icon vòng tròn tích bằng SVG trực tiếp trong CSS */
.home_introduce ul li::before {
	content: "";
	position: absolute;
	left: 0;
	width: 18px;
	height: 18px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d4a373'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
}

.home_daili {
	background-color: #2e2621;
	padding: 40px 0;
	color: #fff;
}
.home_daili .ic img{
	width: 40px;
}
.home_daili .ic .icon-box h3{
	font-size: 16px !important;
	padding-right:30px;
	color: #e7e6e4 !important;
}
.home_daili .ic{
	margin-top:40px !important;
}
.home_daili .ic h3{
	font-weight:100;
}
/* .home_daili .ic .col{
padding:0px !important;
} */
.home_daili .wpcf7-form {
	background: #fff;
	padding: 20px;
	border-radius: 5px;
	padding-bottom:0px;
}
.home_daili .featured-box.title h3{
	font-size:32px;
}
.home_daili .wpcf7-form-control-wrap input, 
.home_daili .wpcf7-form-control-wrap textarea {
	width: 100%;
	padding: 12px;
	border: 1px solid #ddd;
	border-radius: 3px;
	background: #f9f9f9;
	color: #333;
	margin-bottom:0px !important;
}
.home_daili .wpcf7-form-control-wrap textarea{
	margin-bottom:10px !important;
}
.home_daili .form-row {
	display: flex;
	gap: 15px;
	margin-bottom: 15px;
}

.home_daili .col-6 {
	flex: 1;
}

.home_daili .wpcf7-submit {
	background: linear-gradient(to right, #c5a059, #a38144);
	color: #fff;
	width: 100%;
	padding: 8px;
	border: none;
	border-radius: 3px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	transition: 0.3s;
	margin-bottom:0px !important;
}

.home_daili .wpcf7-submit:hover {
	background: #8e6e34;
}

.home_daili h3 {
	color: #c5a059;
}
.home_daili .ic .icon-box.featured-box {
	display:flex;
	flex-direction:row;
	gap:20px;
}
.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-6 .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-6 .col-inner:hover {
	transform: translateY(-8px);
	box-shadow: 0 15px 35px rgba(0,0,0,0.1);
}

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

.events-homepage .large-6 .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-6 .post-title a:hover {
	color: var(--color-main) !important;
}

.cam_nang .post-item {
	margin-bottom: 10px !important;
}
.cam_nang .post-item:nth-child(4) {
	margin-bottom: 00px !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-6 .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-6 .box-text-inner:hover::after {
	padding-left: 5px;
	color: var(--color-main);
}
.events-homepage h2 {
	font-size:32px;
	color: var(--color-main);
}
.events-homepage .box-blog-post .is-divider{
	display:none;
}


@media (max-width: 768px) {
	.home_dmsp h2,
	.home_whychoices h2,
	.home_introduce h2,
	.home_daili .featured-box.title h3{
		font-size: 24px;
	}
	.col {
		padding-bottom: 20px;
	}
	.home_dmsp{
		padding-bottom: 5px;
	}
	.home_whychoices h2 {
		margin-bottom:5px;
	}
	.home_whychoices{
		padding-bottom:0px !important;
	}
	.home_introduce h2{
		text-align:center;
	}
	.home_introduce h3{
		font-size:20px;
		text-align:center;
	}
	.home_introduce p,
	.home_introduce ul li,
	.home_daili .featured-box.title p,
	.home_daili .ic .icon-box h3{
		font-size:14px !important;
	}
	.home_daili .ic .icon-box h3 {
		padding-right: 0px;
	}
	.home_daili .form-row{
		display:flex;
		flex-direction:column;
		gap: 22px;
		margin-bottom: 22px;
	}
	.home_daili .form-title{
		font-size:24px;
	}
	.home_daili .wpcf7-form-control-wrap textarea{
		margin-bottom:30px !important;
	}
	.events-homepage h2 {
		font-size: 24px;
		color: var(--color-main);
	}
	.home_dmsp{
		padding:10px 0px !important;
	}
}