/* Toan Thang Loi - Tuyen dung */
.twl-job-filter {
	width: 100%;
	display: grid;
	grid-template-columns: 2fr 1fr 1fr 1fr 60px;
	gap: 15px;
	background: #f5f7f6;
	padding: 30px;
	margin-bottom: 40px;
}
.twl-job-filter input,
.twl-job-filter select {
	height: 50px !IMPORTANT;
	border: 1px solid #ddd !IMPORTANT;
	background: #fff;
	padding: 0 15px !IMPORTANT;
	border-radius: 10px !important;
	margin-bottom: 0 !important;
}
.twl-job-filter button {
	background: #008f4c;
	color: #fff;
	border: 0;
	padding: 0 !important;
	margin: 0 !important;
	min-height: unset;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
}
.twl-recruitment-list {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 30px;
}
.twl-recruitment-card {
	background: #fff;
	border: 1px solid #eee;
	border-radius: 20px;
	padding: 35px;
	display: block;
	text-decoration: none !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
	transition: 0.35s;
	position: relative;
	overflow: hidden;
}
.twl-recruitment-card:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 5px;
	height: 100%;
	background: #008f4c;
}
.twl-recruitment-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}
.twl-card-icon {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #e8f6ef;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
}
.twl-card-icon i {
	font-size: 28px;
	color: #008f4c;
}
.twl-card-header {
	display: flex;
	justify-content: space-between;
	gap: 10px;
}
.twl-card-header h3 {
	font-size: 20px;
	color: #163a2d;
}
.twl-card-header span {
	background: #e8f6ef;
	color: #008f4c;
	padding: 5px 12px;
	border-radius: 20px;
	font-size: 13px;
}
.twl-card-info p {
	color: #666;
	margin: 12px 0;
}
.twl-card-info i {
	width: 22px;
	color: #008f4c;
}
.twl-card-desc {
	font-size: 14px;
	color: #777;
	line-height: 1.6;
	margin-top: 15px;
}
.twl-card-footer {
	margin-top: 20px;
	color: #008f4c;
	font-weight: 700;
}
.twl-job-detail {
	max-width: 1200px;
	margin: 60px auto;
	padding: 0 20px;
}
.twl-job-heading {
	background: #f5f8f6;
	padding: 50px;
	border-radius: 25px;
	text-align: center;
}
.twl-job-heading h1 {
	font-size: 38px;
	color: #163a2d;
}
.twl-job-meta {
	display: flex;
	justify-content: center;
	gap: 15px;
	flex-wrap: wrap;
}
.twl-job-meta span {
	background: #fff;
	padding: 12px 20px;
	border-radius: 30px;
}
.twl-job-layout {
	display: grid;
	grid-template-columns: 1fr 360px;
	gap: 40px;
	margin-top: 50px;
}
.twl-apply-box {
	background: #f5f7f6;
	padding: 30px;
	border-radius: 20px;
}
@media (max-width: 768px) {
	.twl-job-filter,
	.twl-recruitment-list,
	.twl-job-layout {
		grid-template-columns: 1fr;
	}
	.twl-job-heading h1 {
		font-size: 28px;
	}
}
.twl-apply{
	background:#f5f8f6;
	padding:35px;
	border-radius:20px;
	box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.twl-apply h2,
.twl-apply h3{
	font-size:26px;
	color:#163a2d;
	margin-bottom:10px;
}

.twl-apply p{
	color:#666;
	line-height:1.6;
	margin-bottom:25px;
}


/* form */
.wpcf7-form label{
	display:block;
	font-size:15px;
	font-weight:600;
	color:#163a2d;
	margin-bottom:18px;
}


.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea,
.wpcf7-form input[type="file"]{
	width:100%;
	border:1px solid #dfe5e1;
	background:#fff;
	border-radius:10px;
	padding:13px 15px;
	font-size:15px;
	transition:.3s;
	margin-top:8px;
}


.wpcf7-form input:focus,
.wpcf7-form textarea:focus{
	border-color:#008f4c;
	box-shadow:0 0 0 3px rgba(0,143,76,.12);
	outline:none;
}


.wpcf7-form textarea{
	height:130px;
	resize:none;
}


/* file upload */
.wpcf7-form input[type="file"]{
	padding:10px;
	background:#fff;
}


/* button */
.wpcf7-form input[type="submit"]{
	background:#008f4c;
	color:#fff;
	border:0;
	border-radius:30px;
	padding:14px 35px;
	font-size:16px;
	font-weight:700;
	cursor:pointer;
	transition:.3s;
}


.wpcf7-form input[type="submit"]:hover{
	background:#006b38;
	transform:translateY(-2px);
}


/* loading */
.wpcf7-spinner{
	margin-left:10px;
}


@media(max-width:768px){

	.twl-apply{
		padding:25px;
	}

	.wpcf7-form input[type="submit"]{
		width:100%;
	}

}
.twl-card-info p{
	display:flex;
	align-items:center;
	gap:10px;
	color:#667085;
	font-size:15px;
}

.twl-card-info svg{
	width:18px;
	height:18px;
	fill:#008f4c;
	flex:none;
}

.twl-card-info p:hover svg{
	transform:scale(1.15);
}

.twl-card-info svg{
	transition:.3s ease;
}
.twl-card-icon svg{
	width:30px;
	height:30px;
	fill:#008f4c;
}
.twl-search-icon{
	width:22px;
	height:22px;
	fill:#fff;
	display:block;
}
.twl-contact-box{
	background:#fff;
	padding:40px;
	border-radius:20px;
	box-shadow:0 10px 35px rgba(0,0,0,.08);
}

.twl-contact-box h3{
	font-size:28px;
	color:#163a2d;
	margin-bottom:10px;
}

.twl-contact-box p{
	color:#666;
	margin-bottom:25px;
}


.twl-contact-form label{
	display:block;
	font-size:15px;
	font-weight:600;
	color:#163a2d;
	margin-bottom:8px;
}


.twl-form-row{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:20px;
}


.twl-contact-form input,
.twl-contact-form textarea{
	width:100%;
	border:1px solid #ddd;
	border-radius:10px;
	padding:14px 16px;
	background:#fff;
	font-size:15px;
	margin-bottom:20px;
	transition:.3s;
}


.twl-contact-form input:focus,
.twl-contact-form textarea:focus{
	border-color:#008f4c;
	box-shadow:0 0 0 3px rgba(0,143,76,.12);
	outline:none;
}


.twl-contact-form textarea{
	height:140px;
	resize:none;
}


.twl-contact-form input[type="submit"]{
	width:auto;
	background:#008f4c;
	color:#fff;
	border:none;
	border-radius:30px;
	padding:14px 40px;
	font-size:16px;
	font-weight:700;
	cursor:pointer;
	transition:.3s;
}


.twl-contact-form input[type="submit"]:hover{
	background:#006b38;
	transform:translateY(-3px);
}



@media(max-width:768px){

	.twl-form-row{
		grid-template-columns:1fr;
	}


	.twl-contact-box{
		padding:25px;
	}

}
#comments {
	display: none !important;
}