/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
.absolute-footer {
	padding: 10px;
}
.copyright-footer {
	color: #fff;
}
.dark .section-title-normal, .dark .section-title-normal span {
	border-bottom: 0;
	padding-bottom: 0;
}
.info-footer p {
	font-size: 14px;
	margin-bottom: 5px;
	position: relative;
	padding-left: 30px;
	color: #fff4d5;
}
.info-footer p:before {
	content: '';
	font-family: FontAwesome;
	left: 0;
	position: absolute;
	font-size: 12px;
}
.info-footer1 p:nth-child(2):before, .info-footer2 p:nth-child(1):before, .info-footer3 p:nth-child(1):before{
	content: '\f095';
}
.info-footer1 p:nth-child(1):before {
	content: '\f3c5';
}
.info-footer3 p:nth-child(2):before {
	content: '\f0e0';
}
.info-footer3 p:nth-child(3):before {
	content: '\f082';
}
footer .ux-menu-link__link {
	min-height: auto;
	padding: 0;
	font-size: 14px;
	color: #fff4d5;
	transition: all .2s;
}
footer .ux-menu-link__link:hover {
	padding-left: 10px !important;
	color: #fff !important;
}
footer div+div .ux-menu-link__link {
	padding-top: 3px;
}
.formFt input, .formFt textarea {
	border-radius: 10px;
	font-size: 14px;
	height: 35px;
}
.formFt textarea {
	min-height: 80px;
}
input:focus, textarea:focus {
	box-shadow: none !important;
}
.formFt button {
	background: #fff4d5;
	border-radius: 7px;
	color: #00483c;
	font-weight: 100;
	text-transform: inherit;
	font-size: 14px;
	margin: 0;
	height: 35px;
}
.formFt button:hover {
	background: #005b4e;
	color: #fff;
}
.map iframe {
	border-radius: 25px;
}
form.wpcf7-form {
	margin-bottom: 0;
}
footer .icon-box {
	align-items: center;
	margin-bottom: 20px;
}
footer .icon-box h3 {
	text-transform: uppercase;
	font-size: 26px;
	margin-bottom: 0;
	line-height: 1;
}
footer .icon-box p {
	text-transform: uppercase;
	font-size: 15px;
}
.icon-box-img img, .icon-box-img svg {
	padding-top: 0;
}
footer .icon-box-text {
	text-align: center;
	padding-left: 0px !important;
}
body.category ul.subcategories-lists {
    display: flex;
    gap: 40px;
    list-style: none;
    justify-content: center;
    margin-top: 50px;
}
body.category ul.subcategories-lists li{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	    flex-direction: column;
}
body.category ul.subcategories-lists li a{
	font-size: 18px;
	font-weight: bold;
	color: #000;
}
#masthead .flex-left > ul.header-nav > li > a {
	color: #00483c;
	font-size: 15px;
	position: relative;
	line-height: 1.3;
}
#masthead .flex-left > ul.header-nav > li {
	margin: 0 20px;
}
#masthead .flex-left > ul.header-nav > li > a:before {
	content: '';
	position: absolute;
	height: 2px;
	width: 0;
	background-color: #00483c;
	bottom: 5px;
	left: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#masthead .flex-left > ul.header-nav > li > a:hover:before {
	width: 100%;
	display: block;
}
#masthead .flex-left > ul.header-nav {
	justify-content: center;
}

.btn-dk {
	background: #ffffff;
	display: inline-block;
	padding: 13px 25px !important;
	border-radius: 7px;
	position: relative;
	border: solid 1px #00483c29;
}
.btn-dk span {
	color: #fff;
	font-weight: 100;
	font-size: 14px;
}
.btn-dk:before {
	content: '';
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background: #00483c;
	transition: 0.3s ease-out;
	position: absolute;
	border-radius: 5px;
	opacity: 1 !important;
}
.btn-dk span {
	position: relative;
	display: inline-block;
	text-transform: uppercase;
	top: 0;
	left: 0;
	width: 100%;
	transition: 0.2s 0.1s;
}
.btn-dk:hover:before {
	width: 0%;
}
.btn-dk:hover span {
	color: #00483c;
}
#masthead li.header-search i {
	color: #000;
}
.section-title-container b {
	background: transparent;
}
.contact-2 .large-4 > .col-inner {
	padding: 40px 40px 20px;
	border-radius: 10px;
	transition: .4s;
	overflow: hidden;
	min-height: 216px;
	background: #fff;
	box-shadow: 0px 0px 15px -5px rgb(0 0 0 / 15%);
}
.contact-2 .large-4 > .col-inner:hover{
	border-color: transparent;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
}
.box--contact{
	transition: .5s;
	color: #00483c !important;
}
.box--contact span{
	color: #00483c !important;
}
.contact-2 .large-4 > .col-inner:hover .box--contact{
	transform: translateY(-35%);
}
.contact-2 .large-4 > .col-inner .box--contact .icon-box-img{
	transition: .4s;
}
.contact-2 .large-4 > .col-inner:hover .box--contact .icon-box-img{
	opacity: 0;
}
.box--contact .icon-box-img {
	width: 45px !important;
}
.box--contact .icon-box-text h3 {
	font-weight: 100;
}
.box--contact .icon-box-text p {
	margin-bottom: 0;
	font-size: 17px;
	color: #353535;
}
.box--contact .icon-box-text p:first-child {
	font-size: 20px;
	margin-bottom: 5px;
	color: #000;
	font-weight: 600;
}
.btn--contact {
	opacity: 0;
	transition: .4s;
	margin-bottom: -19% !important;
	line-height: normal;
}
.contact-2 .large-4 > .col-inner:hover .btn--contact {
	opacity: 1;
}
.btn--contact {
	min-height: auto;
}
.btn--contact:before {
	content: '\f061';
	font-family: FontAwesome;
}
.box--contact .icon-box-text p:nth-child(2) {
	height: 50px;
}
.page-header_content {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.page-header_content h1 {
	width: 50%;
	color: #fff;
	font-size: 38px;
	margin-bottom: 0;
	text-transform: uppercase;
}
.page-header_content #crumbs, .page-header_content #crumbs a {
	color: #fff;
}
.page-header_content #crumbs a {
	opacity: .6;
}
.page-header_content #crumbs i {
	margin: 0 7px;
}
.maps p {
	margin-bottom: -8px;
}
.section-title-normal, .section-title-normal span {
	border-bottom: 0;
}
.form--contact input{
	height: 50px;
}
.form--contact input, .form--contact textarea {
	background: rgb(41 87 60 / 9%);
	border-radius: 5px !important;
	border: solid 1px transparent;
}
.form--contact input:focus, .form--contact textarea:focus {
	border: solid 1px #f2f2f2 !important;
	background: #fff;
}
form.wpcf7-form .form--contact button, .form--contacts button {
	margin: auto 0 !important;
	color: #fff;
	border: 0;
	padding: 3px 20px;
	border-radius: 7px;
	display: block;
	width: 180px;
	font-weight: 100;
	font-size: 18px;
	text-transform: inherit;
	border: solid 1px #00483c29;
}
input, input:focus, textarea, textarea:focus,select{
	box-shadow: none !important;
}
form.wpcf7-form .form--contact button:before, .form--contacts button:before {
	content: '';
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background: #00483c;
	transition: 0.3s ease-out;
	position: absolute;
	border-radius: 5px;
	opacity: 1 !important;
}
form.wpcf7-form .form--contact button span, .form--contacts button span {
	position: relative;
	display: inline-block;
	text-transform: inherit;
	top: 0;
	left: 0;
	width: 100%;
	transition: 0.2s 0.1s;
}
form.wpcf7-form .form--contact button:hover:before, .form--contacts button:hover:before {
	width: 0%;
}
form.wpcf7-form .form--contact button:hover span,.form--contacts button:hover span {
	color: #00483c;
}
#masthead > .header-inner .flex-left > ul > li > .sub-menu {
	display: block;
	position: absolute;
	z-index: 555;
	top: calc(100% + 15px);
	left: 0;
	min-width: 220px;
	white-space: nowrap;
	margin-top: 0;
	border: solid 1px #e8e8ea;
	border-top: 0;
	text-align: left;
	box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.08);
	opacity: 0;
	visibility: hidden;
	transition: .1s ease-in;
	max-height: none;
	padding: 0;
	background: #00483c;
	border: 0;
}
#masthead > .header-inner .flex-left > ul > li.has-dropdown:hover > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: rotateX(0) translateZ(0);
	top: 100%;
}
#masthead .flex-left > ul.header-nav > li > a i {
	transition: all .3s;
	opacity: 1;
	font-size: 18px;
	top: -1px;
}
#masthead .flex-left > ul.header-nav > li > a:hover i {
	transform: rotate(180deg);
}
#masthead > .header-inner .flex-left > ul > li > .sub-menu > li > a {
	color: #fff;
	font-size: 14px;
	transition: all .3s;
	position: relative;
}
#masthead > .header-inner .flex-left > ul > li > .sub-menu > li > a:hover {
	background: transparent;
}
#masthead > .header-inner .flex-left > ul > li > .sub-menu > li+li > a {
	border-top: dashed 1px #ededed;
}
#masthead > .header-inner .flex-left > ul > li > .sub-menu > li > a:hover {
	padding-left: 30px;
}
.stuck #masthead {
	background: #fff;
}
#masthead > .header-inner .flex-left > ul > li > .sub-menu > li > a:before {
	content: '\f178';
	opacity: 0;
	font-family: 'FontAwesome';
	font-size: 8px;
	margin-right: 0;
	position: relative;
	top: -1px;
	translate: all .3s;
}
#masthead > .header-inner .flex-left > ul > li > .sub-menu > li > a:hover:before {
	opacity: 1;
	margin-right: 5px;
}
.info-title p:first-child {
	background: #f3f8f3;
	border-radius: 99px;
	padding: 3px 10px;
	color: #00483c;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 10px;
}
.info-title div {
	font-size: 38px;
	color: #00483c;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 20px;
	position: relative;
}
.info-title2 {
	margin-top: 60px;
}
.info-title p {
	line-height: 1.8;
	text-align: justify;
}
.stuck .header-main .nav > li > a {
	line-height: 1.6 !important;
}
.btn {
	background: #ffffff;
	display: inline-block;
	border-radius: 7px;
	position: relative;
	border: solid 1px #00483c29;
	padding: 5px 30px;
}
.btn:before {
	content: '';
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background: #00483c;
	transition: 0.3s ease-out;
	position: absolute;
	border-radius: 5px;
	opacity: 1 !important;
}
.btn span {
	position: relative;
	display: inline-block;
	text-transform: uppercase;
	top: 0;
	left: 0;
	width: 100%;
	transition: 0.2s 0.1s;
	color: #fff;
	font-weight: 100;
	font-size: 14px;
}
.btn:hover:before {
	width: 0;
	display: block;
}
.btn:hover span {
	color: #00483c;
}
.btn:hover {
	box-shadow: none;
}

.img-br, .img-br img {
	border-radius: 10px;
}
.tab-about > ul {
	border-bottom: 1px solid #dee2e6;
}
.tab-about > ul > li > a {
	font-size: 1rem;
	font-weight: 500;
	border-radius: 3px;
	display: flex;
	background: transparent;
	align-items: center;
	padding: 27px 20px;
	position: relative;
	cursor: pointer;
	border: none;
	color: #000;
	transition: all .3s;
}
.tab-about > ul > li > a:before {
	content: '\e098';
	font-family: 'FontAwesome';
	position: absolute;
	left: 0;
	background: #e1e1e1;
	color: #000;
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 10px;
	transition: all .3s;
	opacity: 1 !important;
}
.tab-about > ul > li > a > span {
	padding-left: 15px;
}
.tab-about > ul > li.active > a:before, .tab-about > ul > li > a:hover:before {
	background: #00483c;
	color: #fff;
}
.tab-about > ul > li > a:hover {
	color: #00483c;
	font-weight: bold;
}
.tab-content-des {
	padding-top: 15px;
}
.block-counters {
	height: 250px;
	background: #fff;
	padding: 20px 15px;
	border: solid 2px #00483c;
}
.block-counters p {
	text-align: center;
	font-size: 38px;
	font-weight: bold;
	color: #00483c;
	line-height: 1;
	margin-bottom: 20px;
}
.name_1 {
	text-align: center;
	font-size: 20px;
	line-height: 1.3;
	color: #00483c;
	font-weight: bold;
	margin-bottom: 20px;
	text-transform: uppercase;
}
#counters_1 .after1+.after1 .block-counters {border-left: 0;}
.des-derrs {
	font-size: 15px;
	text-align: center;
}
#counters_1 .after1:nth-child(2) .block-counters, 
#counters_1 .after1:nth-child(4) .block-counters {
	background: #00483c;
}
#counters_1 .after1:nth-child(2) .block-counters p, #counters_1 .after1:nth-child(2) .name_1, #counters_1 .after1:nth-child(2) .des-derrs,
#counters_1 .after1:nth-child(4) .block-counters p, #counters_1 .after1:nth-child(4) .name_1, #counters_1 .after1:nth-child(4) .des-derrs{
	color: #fff;
}
.icon-about {
	background: #00483c;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.52);
}
.icon-about+.icon-about {
	margin-top: 30px;
}
.icon-about h3 {
	color: #fff;
	text-transform: uppercase;
}
.icon-about  .icon-box-text {
	padding-left: 30px !important;
}
.icon-about .icon-box-text {
	color: #fff;
}
.icon-about .icon-inner {
	border-radius: 99px;
	padding: 10px;
	background: #fff;
}
.box-why {
	background: #fff;
	padding: 30px;
	border-radius: 10px;
	box-shadow: 0px 0px 15px -5px rgb(0 0 0 / 15%);
	transition: all.2s;
}
.box-why:hover {
	transform: translateY(-10px);
}
.box-why .icon-box-text {
	padding-top: 15px;
	height: 140px;
}
.thuvien .flickity-button svg {
	background: #fff;
	border-radius: 50%;
	padding: 10px;
}
.thuvien .flickity-button{
	opacity: 1;
}
.slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button {
	opacity: 1;
}
.thuvien .flickity-button {
	width: 32px;
}
.thuvien .gallery-col {
	padding-bottom: 0;
}
.blog-wrapper {padding: 0;}
.bg-single-post {
	border-top: solid 1px #d9d9d9;
	border-bottom: solid 1px #d9d9d9;
	padding: 12px 0px;
	background: #00483c;
	margin-bottom: 20px;
}
.bg-single-post #crumbs, .bg-single-post #crumbs a {
	color: #fff;
	font-size: 13px;
}
.bg-single-post #crumbs i {
	margin: 0 8px;
}
.article-post-meta {
	font-size: 14px;
	color: #999999;
}
h1.entry-title {
	margin-bottom: 7px;
	font-size: 24px;
	color: #00483c;
}
.article-post-meta span {
	position: relative;
}
.article-post-meta span + span:before {
	content: '';
	display: inline-block;
	width: 5px;
	height: 5px;
	margin: -1px 10px 0;
	border-radius: 100%;
	background-color: #74839f;
	opacity: 0.4;
	vertical-align: middle;
}
.blog-single .article-inner {
	padding: 15px 20px;
	margin-bottom: 25px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);
	background: #fff;
	border-radius: 20px;
}
.blog-wrapper .post-sidebar .widget {
	padding: 15px 20px;
	margin-bottom: 25px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);
	background: #fff;
	border-radius: 20px;
}
.post-item .col-inner {
	border-radius: 20px;
	overflow: hidden;
}
.bangsosanh select{
	border-radius: 10px;
}
.widget-title {font-size: 20px;color: #00483c;font-weight: bold;border-bottom: solid 1px #ececec;padding: 10px 0;margin-bottom: 18px;}
.widget ul>li+li {
	border-top: dashed 1px #ececec;
}
.widget ul.menu>li>a {
	color: #000;
	position: relative;
	transition: all .3s;
	display: block;
	padding: 12px 0 12px 15px;
}
.widget ul.menu>li>a:before {
	content: '+';
	position: absolute;
	left: 0;
}
.widget ul.menu>li>a:hover {
	color: #00483c;
	padding-left: 20px;
}
.tagcloud a {
	background: #ffd3ab3b;
	padding: 5px 15px;
	display: inline-block;
	margin-bottom: 4px;
	color: #000;
	border-radius: 3px;
	font-size: 13px !important;
}
.tagcloud a:hover {
	background: #FFD3AB;
	color: #000;
}
.widget_blog .post-item .box {
	border: 0;
}
.widget_blog .post-item .box:hover {
	box-shadow: none;
}
.widget_blog .post-item .box-text h5 {
	font-size: 15px;
}
.widget_blog .post-item .box-text .is-divider {
	display: none;
}
.widget_blog .post-item .box-text {
	padding: 0;
	vertical-align: top;
	padding: 0 0 0 15px;
}
.widget_blog .post-item .box-text h5 a {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.widget_blog .post-item img {
	border-radius: 5px;
}
.widget_blog .post-item .box-text .post-meta {
	font-size: 14px;
	margin-top: 8px;
	color: #797979;
}
.post-item .box:hover .box-text a {
	color: #00483c;
}
.widget_blog .post-item+.post-item .box {
	border-top: dashed 1px #ececec;
	padding-top: 15px;
}
.widget_blog .post-item {
	padding-bottom: 15px;
}
h1.page-title {
	color: #00483c;
	font-size: 26px;
	margin-bottom: 0;
}
.box-blog-post .is-divider {
	display: none;
}
#post-list .post-item .box, #related_posts .post-item .box, 
.blog-new .post-item .box {
	background: #fff;
	height: 100%;
	display: -ms-flexbox;
	-ms-flex-wrap: wrap;
	-ms-flex-direction: column;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08);
}
#post-list .post-item .box .box-text, #related_posts .post-item .box .box-text,
.blog-new .post-item .box .box-text{
	padding: 15px 20px;
}
.post-item .box img {
	transition: opacity 0.2s ease-in-out, transform 0.95s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-ms-transition: opacity 0.2s ease-in-out, transform 0.95s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-webkit-transition: opacity 0.2s ease-in-out, transform 0.95s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.post-item .box:hover img {
	transform: scale(1.07);
	-webkit-transform: scale(1.07);
	-ms-transform: scale(1.07);
	-o-transform: scale(1.07);
	-moz-transform: scale(1.07);
	opacity: 0.8;
}
#post-list .post-item .box .box-text a, #related_posts .post-item .box .box-text a,
.blog-new .post-item .box .box-text a {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 20px;
	margin-bottom: 10px;
}
#post-list .post-item .box .box-text p, #related_posts .post-item .box .box-text p,
.blog-new .post-item .box .box-text p {
	font-size: 16px;
	color: #494949;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.article-action {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid rgba(22, 21, 21, 0.1);
	padding-top: 25px;
	margin-top: 25px;
}
.article-action time {
	display: flex;
	line-height: 1;
	align-items: center;
	gap: 7px;
	font-size: 16px;
	color: #4A5257;
}
.widget_blog .article-action {
	display: none;
}
.view-article a {
	margin: 0 !important;
	font-size: 16px !important;
	color: #00483c;
	font-weight: 600;
}
.view-article a i {
	font-size: 12px;
}
#related_posts > .title {
	font-size: 24px;
	font-weight: bold;
	color: #00483c;
	margin-bottom: 15px;
}
.box-aboutus .box-text {
	padding: 0 0 0 45px;
	text-align: left;
	color: #fff;
	position: relative;
}
.box-aboutus .box-text:before {
	content: '';
	background: #fff4d5;
	position: absolute;
	width: 1px;
	height: 100%;
	left: 20px;
}
.box-aboutus .box-text p {
	margin-bottom: 20px;
}
.videobox_animation {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.videobox_animation {
	z-index: 1;
	border-width: .5px;
	border-style: solid;
	opacity: 0;
	animation: circles 3.9s linear 0s infinite;
	animation-play-state: running;
}
@keyframes circles{
	0% {
		transform: scale(1);
		opacity: 0;
	}
	20% {
		transform: scale(1.44);
		opacity: .5;
	}
	100% {
		transform: scale(3.2);
		opacity: 0;
	}
}
.circle_2 {
	animation-delay: 1.3s;
}
.circle_3 {
	animation-delay: 2.6s;
}
.video-button-wrapper a {
	margin: 0 !important;
	background: #fff !important;
	z-index: 9;
}
.video-button-wrapper a i {
	color: #00483c;
}
.video-button-wrapper a:hover {
	border-color: #fff;
}
.section-title-container:not(footer .section-title-container) .section-title {
	margin-bottom: 0;
}
.section-title-container:not(footer .section-title-container) .section-title span {
	font-size: 36px;
	color: #00483c;
}
.thuvienanh  .box-image {
	border-radius: 5px;
	border: 1px solid #00483c;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.52);
	background: #fff;
	border-radius: 15px;
}
.thuvienanh .box-image img {font-size: 0px;overflow: hidden;text-align: center;width: 100%;margin: 0 auto 10px;display: block;object-fit: contain;transition: 0.5s linear 0s;margin: 0;}
.r-slider-kh img {
	border-radius: 30px;
}
.about-5 {
	padding-bottom: 100px !important;
}
.content-kh p:first-child {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 0;
}
.content-kh p:nth-child(2) {
	font-size: 18px;
}
.content-kh p {
	position: relative;
	color: #fff4d5;
}
.content-kh p:nth-child(2):before {
	content: '';
	background: #fff4d5;
	position: absolute;
	width: 130px;
	height: 2px;
	bottom: -8px;
}
ol.flickity-page-dots li {
	background: rgba(41, 87, 60, 1) !important;
	margin: 0 2px !important;
	width: 14px !important;
	height: 14px !important;
}
.slider-kh .flickity-page-dots {bottom: -35px;left: -40%;}
.about-5:after {
	content: '';
	background: rgb(0 72 60);
	position: absolute;
	width: 80%;
	height: 71%;
	right: -12%;
	top: 21%;
	border-radius: 30px 0 0 30px;
}
.btn2 {
	background: #fff4d5;
	color: #000;
	font-weight: 100;
	border-radius: 7px;
	font-size: 14px;
	padding: 3px 30px;
}

.btn2:hover {
	background: transparent;
	box-shadow: none !important;
	color: #fff4d5;
	border: solid 1px;
}
.bg-head_project .bg-category {
	position: relative;
	width: 100%;
	margin-bottom: 40px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 500px;
	display: flex;
	align-items: center;
}
.bg-single-post1 {
	margin-bottom: 0;
}
.bg-head_project .bg-category:before {
	content: '';
	background: rgb(41 87 60 / 40%);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.bg-head_project .bg-category h1 {
	position: relative;
	color: #fff;
	font-size: 36px;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.bg-head_project .bg-category h1:before {
	content: '';
	background: #fff;
	position: absolute;
	left: 0;
	width: 60px;
	height: 2px;
	bottom: -12px;
}
.bg-head_project .bg-category p {
	color: #fff;
	font-size: 18px;
}
.boxProject {
	background: #fff;
	box-shadow: 0px 4px 11.1px 0px hsla(0, 0%, 45%, .08);
	border-radius: 30px;
	border: solid 1px #e5e7eb;
}
.grid-project {
	display: grid;
	row-gap: 1.12rem;
	column-gap: 2rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-project div span {
	font-size: 12px;
	color: #777;
}

.grid-project div p {
	margin-bottom: 0;
	color: #00483c;
	font-weight: bold;
}
.btnBox {
	border: 0;
	padding: 0;
	color: #00483c;
	font-size: 14px;
	text-transform: capitalize;
	font-weight: 100;
	line-height: 1;
	margin-top: 30px;
	position: relative;
}
.btnBox:after {
	content: "" !important;
	display: block !important;
	position: relative;
	z-index: 1;
	top: auto;
	bottom: -2px;
	left: 0;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	width: 0;
	height: 2px;
	-webkit-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
	background: #00483c;
}
.btnBox:hover:after {
	width: 100%;
}
.btnBox:before {
	content: '→';
	position: absolute;
	right: -20px;
}
.noidungduan {
	width: 80%;
	margin: 0 auto;
}
.bg-single-post_main {
	position: relative;
	height: 500px;
	width: 100%;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: cover !important;
}
.tieudeduan {
	width: 100%;
	padding: 30px 15px;
	position: relative;
	z-index: 1;
}
.tieudeduan .crumbs-project span {
	font-weight: bold;
}
.tieudeduan .crumbs-project {
	color: #fff;
	font-size: 13px;
	margin-bottom: 25px;
	position: relative;
}
.tieudeduan .crumbs-project i {
	font-size: 5px;
	margin: 0 8px;
	position: relative;
	top: -3px;
}
.intro_project {
	color: #fff;
	font-size: 20px;
	text-transform: capitalize;
}
.tieudeduan h1 {
	font-size: 46px;
	font-family: Play, sans-serif;
	color: #fff4d5;
	position: relative;
	text-transform: uppercase;
}
.tieudeduan h1:before {
	background: #fff4d545;
	position: absolute;
	width: 150px;
	height: 15px;
	bottom: 4px;
	content: '';
}
.tomtat_project {
	color: #fff;
	font-size: 18px;
}
.infobox-project {
	background: #fff;
	padding: 40px 50px;
	position: relative;
	transition: all .4s ease;
	overflow: hidden;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	clip-path: polygon(0px 0px, calc(100% - 60px) 0px, 100% 60px, 100% 100%, 0px 100%);
}
.infobox-project:before {
	position: absolute;
	content: "";
	top: 100%;
	left: -101%;
	height: 100%;
	width: 100%;
	-webkit-transition: all .6s ease;
	transition: all .6s ease;
	background-size: 101% 101%;
}
.infobox-project:hover:before {
	left: 0;
	top: 0; 
	background-color: transparent;
	background-image: linear-gradient(180deg, #00483c -1.33%, #00483c 100%);
}
.infobox-box-header {
	position: relative;
	z-index: 2;
}
.infobox-icon {
	margin: 0px 0px 20px 0px;
	width: 60px;
	transform: rotate(0deg);
}
.infobox-icon img{
	transition: all 0.4s ease-in-out;
}
.box-body_project {
	position: relative;
	z-index: 2;
}
.box-body_project h3 {
	transition: all .4s ease;
	font-family: Play, sans-serif;
	font-size: 18px;
	color: #000;
	margin-bottom: 5px;
	font-weight: 100;
}
.box-body_project p {
	margin-bottom: 0;
	font-size: 20px;
	color: #00483c;
	transition: all .4s ease;
	text-transform: uppercase;
	font-weight: bold;
}
.infobox-project:hover .box-body_project h3, .infobox-project:hover .box-body_project p {
	color: #fff;
}
.infobox-project:hover .infobox-icon img {
	filter: brightness(0) invert(1);
}
#highlights-single_project {
	margin-top: -200px;
	z-index: 1;
	position: relative;
}
.content_project-about{
	position: relative;
	z-index: 1;
}
.bg-single-post_main:before {
	background:linear-gradient(180deg, rgb(0 0 0 / 36%) 30%, hsl(0deg 0% 94% / 76%) 64%, #f2f5ec);
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.title_project-about {
	text-transform: capitalize;
	color: #00483c;
	font-size: 40px;
	font-family: Play, sans-serif;
	position: relative;
}
.title_project-about:before {
	background: #00000014;
	position: absolute;
	width: 150px;
	height: 15px;
	bottom: 4px;
	content: '';
}
#tongquanduan:before {
	background: linear-gradient(180deg, rgb(242 245 236) 30%, hsl(0deg 0% 94% / 90%) 64%, #f2f5ec);
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.buttonMap {
	display: inline-block;
	background: #00483c;
	padding: 10px 20px;
	border-radius: 10px;
	color: #fff;
	font-size: 15px;
	transition: all .2s;
	border: solid 1px transparent;
}
.buttonMap:hover {background: transparent;color: #00483c;border: solid 1px;}
.item.item-anhproject,.item.item-anhproject img {
	border-radius: 30px;
}
.content-tongquan {
	padding-right: 20px;
}
.item.item-anhproject {
	background: #fff;
	padding: 5px;
}
.anhproject {
	position: relative;
}
.intro_project2 {
	color: #5f5f5f;
}
.ct-banner-holder {
	position: absolute;
	top: -34px;
	left: -26px;
	background-color: #00483c;
	-webkit-border-radius: 150px;
	-khtml-border-radius: 150px;
	-moz-border-radius: 150px;
	-ms-border-radius: 150px;
	-o-border-radius: 150px;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	border: 5px solid #fff;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.ct-banner-number {
	font-size: 13px;
	font-weight: 700;
	color: #fff;
	line-height: 1;
	margin-bottom: 10px;
}
.ct-banner-title {
	margin-bottom: 0;
	color: #fff4d5;
	font-size: 20px;
	line-height: 1;
	font-family: Play, sans-serif;
	text-transform: uppercase;
}
.tongvon {
	padding: 50px;
	border-radius: 30px 0 0 30px;
	background: #000000;
	background: linear-gradient(227deg, #00483c00 0%, rgb(255 255 255 / 7%) 38%, rgba(255, 255, 255, 1) 100%);
}
.tongvon>p {
	font-size: 24px;
}
.item-von {
	background: #00000008;
	padding: 30px;
	border-radius: 30px;
}
.progress_inner2 span.sovon {
	background: #d9a718;
}
.progress_inner3 span.sovon {
	background: #036554;
}
.progress_inner3 .background .bar .bar_in {
	background: #036554;
}
.progress_inner2 .background .bar .bar_in {
	background: #d9a718;
}
.owl-buttons {
	position: absolute;
	top: 50%;
	z-index: 999;
	transform: translateY(-50%);
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.owl-buttons .owl-prev, .owl-buttons .owl-next {
	background: #fff !important;
	opacity: 1 !important;
	width: 35px;
	height: 35px;
	align-items: center;
	justify-content: center;
}
.owl-buttons i {
	color: #000;
	line-height: 28px;
	vertical-align: middle;
}
.page_progress {
	width: 100%;
	height: auto;
	clear: both;
}
.progress_inner {
	width: 100%;
	margin-bottom: 20px;
}
.progress_inner > span {
	margin: 0px 0px 5px 0px;
	width: 100%;
	display: block;
	text-align: left;
	color: #767676;
}
.page_progress span.label {
	color: #000000;
	font-size: 20px;
}
.progress_inner > span span.number {
	float: right;
	font-family: Play, sans-serif;
	color: #00483c;
	font-weight: bold;
	font-size: 20px;
}
.progress_inner .background {
	background: rgba(0, 0, 0, .1);
	width: 100%;
	min-width: 100%;
	position: relative;
	height: 7px;
	border-radius: 99px;
	margin-top: 20px;
}
span.sovon {
	display: inline-block;
	background: #00483c;
	margin-left: 10px;
	border-radius: 99px;
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
}
.progress_inner .background .bar.open {
	-webkit-animation: wow 2s cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-animation: wow 2s cubic-bezier(0.165, 0.840, 0.440, 1.000);
	animation: wow 2s cubic-bezier(0.165, 0.840, 0.440, 1.000);
	width: 100%;
}
.progress_inner .background .bar {
	width: 0px;
	height: 100%;
}
.progress_inner .background .bar .bar_in {
	height: 100%;
	background: #00483c;
	width: 0px;
	overflow: hidden;
	border-radius: 99px;
}
@keyframes wow{
	0% {
		width: 0%;
	}
	100% {
		width: 100%;
	}
}
.project-detail {
	min-height: 400px;
}
.content-active {
	height: 400px;
	display: flex;
	align-items: center;
	text-align: center;
}
#vitriduan .col > .col-inner {
	height: 100%;
}
.maps-project iframe {
	border-radius: 30px;
	margin-bottom: -8px;
	height: 100%;
}
.maps-project {
	border: solid 5px #fff;
	border-radius: 30px;
	height: 94.3%;
}
.vitri-info-image-box {
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	position: relative;
}
.vitri-box-header {
	border-radius: 30px;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	position: relative;
	overflow: hidden;
}
.vitri-box-header img {
	border-radius: 30px;
	aspect-ratio: 1 / 1.24;
	object-fit: cover;
	display: block;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border: solid 5px #fff;
}
.vitri-box-body {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	opacity: 0;
	transform: translateY(-30px);
	transition: all 0.4s ease;
	padding: 20px;
	display: flex;
	background: #00483cc7;
	border-radius: 30px;
	flex-direction: column;
	justify-content: center;
}
.vitri-info-box-title {
	color: #fff;
	font-family: Play, sans-serif;
	font-size: 24px;
}
.vitri-box-style-content {
	color: #fff;
	font-size: 15px;
}
.vitri-info-image-box:hover img {
	transform: scale(1.1);
}
.vitri-info-image-box:hover .vitri-box-body {
	opacity: 1;
	transform: translateY(0);
}
#thuvienvitri .owl-controls {margin-top: -15px;}
#thuvienvitri .owl-controls .owl-pagination > div {
	margin: 0 2px;
}
#thuvienvitri .owl-controls .owl-pagination > div span {
	width: 8px;
	height: 8px;
	margin: 0;
	background: #00483c;
}
#antoanduan .title_project-about {
	color: #fff;
}
#antoanduan .title_project-about:before {
	background: #fff4d54a;
}
#antoanduan .section-bg-overlay{
	background: #00483ca1;
}
.tab-project {
	background: #fff;
	padding: 30px;
	border-radius: 30px;
}
.tab-project > ul {
	background: #00483c29;
	border-radius: 8px;
	padding: 7px;
}
.tab-project > ul > li > a {
	padding: 10px 20px;
	color: #000;
}
.tab-project > ul > li.active > a {
	background: #00483c;
	border-radius: 7px;
	color: #fff;
}
.content-tab_project {
	display: flex;
	height: 33rem;
}
.content-tab_project p {
	font-size: 16px;
	width: 100%;
	text-align: justify;
	padding-right: 15px;
}
.content-tab_project div {
	width: 100%;
	height: 100%;
}
.content-tab_project div img {
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}
.dautu-uytin {
	border-radius: 30px;
	padding: 20px;
	background: #FFF4D5;
	background: radial-gradient(circle, #fff 0%, #fff 100%);
}
.check-uytin {
	display: flex;
	align-items: center;
}
.check-uytin div img {
	width: 1.61388rem;
	height: 1.61388rem;
}
.check-uytin h4 {
	margin-bottom: 5px;
	font-size: 20px;
	line-height: 1;
}
.check-uytin p {
	font-size: 16px;
	margin-bottom: 0;
}
.check-uytin > div:first-child {
	background: #fff4d5;
	width: 50px;
	height: 50px;
	border-radius: 7px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 12px;
}
.img-info_uytin {
	background-color: #00483c1a;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 12px 0;
	margin: 20px 0;
}
.img-info_uytin img {
	object-fit: contain;
	width: 200px;
}
.info-uytin .col > div {
	background-color: #00483c0a;
	border-radius: 10px;
	padding: 15px;
}
.info-uytin .col > div p {
	margin-bottom: 0;
	font-size: 16px;
	line-height: 1.3;
	height: 36px;
}
.info-uytin .col > div > div {
	height: 1px;
	background: #00483c0a;
	margin: 10px 0;
}
.info-uytin .col > div > h4 {
	font-size: 22px;
	margin-bottom: 0;
	line-height: 1;
}
.dautu-uytin+.dautu-uytin {
	margin-top: 15px;
}
.block-title {
	padding: 0 80px;
	position: relative;
}
.content-active0 {
	background: #00483c82;
}
.content-active1 {
	background: #fff4d585;
}
.content-active .block-title h3 {
	font-size: 32px;
	text-transform: uppercase;
}
.content-active0 .block-title h3, .content-active0 .block-title p {
	color: #fff;
}
.parent-pageid-386 .box-gallery {
	border-radius: 10px;
	overflow: hidden;
}

@media screen and (min-width: 768px){
	.qt-nop-hs .col{
		flex-basis: 20%;
		max-width: 20%;
	}
}

.parent-pageid-386 {

}
.parent-pageid-386  .accordion .accordion-item+.accordion-item {
	border-radius: 10px;
	overflow: hidden;
}
.parent-pageid-386  .faq2 .accordion-item > a{
	border-radius: 10px;
}
.parent-pageid-386  .faq2 .accordion-item > a.active{
	border-radius: 10px 10px 0 0 ;
}
.qt-nop-hs .col-inner{
	border: solid 2px #00483c;
	border-radius: 10px;
	background: #fff;
}
.box-dukien {

	border-radius: 10px;

	padding: 20px;
	text-align: center;
}
.box-dukien p {
	margin-bottom: 0;
}
.box-dukien p:first-child {
	font-size: 20px;
	font-weight: bold;
	background: #00483c;
	color: #fff;
	border-radius: 10px;
	margin-bottom: 20px;
}
ul.list-item-added {
	align-items: center;
	display: flex;
	gap: 4rem;
	list-style-type: none;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 0;
	justify-content: center;
	margin-bottom: 0;
}
ul.list-item-added li a {
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
}
.menukeo {
	background: #00483c;
}
ul.list-item-added li {
	margin: 10px 0px;
}
ul.list-item-added li.active {
	border-bottom: solid 1px #fff;
}
.menu-fixed {
	position: fixed;
	top: 7.6rem;
	z-index: 888;
	width: 100%;
}
.boxProject {
	box-shadow: 0px 4px 11.1px 0px hsla(0, 0%, 45%, .08);
	border-radius: 30px;
}
.boxProject .box-image {
	border-radius: 30px 30px 0 0;
}
.boxProject .box-text {
	border-radius: 0 0 30px 30px;
	padding: 16px 20px;
}
.boxProject .box-image:before {
	background-image: linear-gradient(180deg, rgba(92, 50, 30, 0) .15%, #00483cab 95.57%);
	content: '';
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
}
.tieude--project {
	opacity: 1;
	position: absolute;
	bottom: 20px;
	left: 0;
	padding: 0 20px;
}
.tieude--project h4 {
	color: #fff;
	z-index: 1;
	position: relative;
	font-size: 24px;
	line-height: 1.3;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.tieude--project p {
	position: relative;
	z-index: 1;
	color: #e5e5e5;
	margin-bottom: 0;
	font-size: 12px;
}
.tieude--project p i {
	margin-right: 6px;
}
.boxProject:hover .box-text .btnBox-project {
	color: #fff !important;
}
.contact-project_now {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.contact_now {
	display: flex;
	align-items: center;
}
.contact_now a {
	font-weight: bold;
	font-size: 13px;
	margin-left: 10px;
}
.contact_now > div {
	background: #00483c21;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}
.contact_now > div i {
	color: #00483c;
}
.contact_now:hover > div {
	background: #00483c;
}
.contact_now:hover > div i {
	color: #fff4d5;
}
.img-br2 img {
	border-radius: 25px;
}
.box-aboutus .box-text p:nth-child(3) {
	margin-bottom: 0 !important;
}
.home-2 span.section-title-main {
	font-size: 25px !important;
}
.btn3 {
	background: #00483c;
	border-radius: 6px;
	font-weight: 100;
	font-size: 13px;
	padding: 3px 30px;
}
.col-baochi > .col-inner {
	background: #fff;
	padding: 20px;
	border: solid 3px #00483c;
	border-radius: 20px;
}
.col-baochi > .col-inner .icon-inner {
	border-radius: 50%;
	border: solid 2px #00483c;
}
.col-baochi > .col-inner .icon-inner img {
	border-radius: 50%;
	object-fit: cover;
}
.col-baochi > .col-inner .icon-box {
	align-items: center;
	margin-bottom: 20px;
}
.col-baochi > .col-inner .icon-box .icon-box-text h4 {
	font-size: 20px;
	margin-bottom: 0;
}
.tab-tin ul.nav > li > a {
	font-size: 16px;
	border-radius: 7px;
	border: solid 1px #00483c;
	color: #00483c;
	padding: 8px 30px;
}
.tab-tin ul.nav > li.active > a, .tab-tin ul.nav > li > a:hover {
	background: #00483c;
	color: #fff;
}
body.term-du-an-bat-dong-san-chau-au .tabbed-content.tab-tin>ul {
    display: none;
}
@media screen and (min-width: 998px){
	.home .tab-tin ul.nav {
	position: absolute;
	top: -55px;
}
}
.blog-list-1 .article-action, .blog-list-2 .article-action {
	display: none;
}
.blog-list-1 .box-text {
	text-shadow: none !important;
}
.blog-list-1 .box-text a {
	font-size: 24px;
	text-transform: uppercase;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.blog-list-1 .box-text .cat-label {
	background: #00483c;
	opacity: 1;
	padding: 8px 20px;
	font-size: 12px;
	letter-spacing: 0;
	border-radius: 99px;
	margin-bottom: 10px;
}
.blog-list-1 .overlay {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 40%;
	background: linear-gradient(to top, #29573c, #00000000);
	top: auto;
	background-color: transparent !important;
}
.blog-list-1 .box:hover .box-text a {
	color: #fff !important;
}
.tab-panels .entry-content.active {
	opacity: 1;
	transform: scale(1)
}
.tab-panels .entry-content {
	transition: opacity 0.8s ease,transform 0.8s ease;
	opacity: 0;
	transform: scale(.1);
	transform-origin: top left
}
.blog-list-2 .post-item .box {
	background: #fff;
	padding: 39.5px 20px;
	border: solid 2px #00483c;
}
.blog-list-2 .post-item .box .box-text {
	padding: 0 0 0 60px;
}
.blog-list-2 .post-item .box .box-text a {
	font-size: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.blog-list-2 .post-item .box .post-date {
	margin: 8px;
	top: 22px;
}
.blog-list-2 .post-item .box .post-date .badge-inner {
	border: 0;
	color: #00483c;
	font-size: 30px;
	padding: 0;
	position: relative;
}
.blog-list-2 .post-item .box .post-date .badge-inner:hover {
	background: transparent;
}
.blog-list-2 .post-item .box:hover .post-date .badge-inner {
	background: transparent;
}
.blog-list-2 .post-item .box .post-date .badge-inner:before {
	content: '';
	background: #00483c;
	width: 2px;
	height: 100%;
	position: absolute;
	right: -10px;
}
.blog-list-2 .post-item {
	padding-bottom: 20px;
}
.home-6 .btn3 {
	margin: 0 auto;
	width: 150px;
	display: block;
}
.mfp-content .searchform-wrapper input {
	background: transparent;
	border: 0;
	border-bottom: solid 1px #fff;
	color: #fff;
	font-size: 18px;
	height: 50px;
}
.mfp-content .searchform-wrapper input::placeholder {
	color: #fff;
}
.mfp-content .searchform-wrapper button {
	background: transparent;
	border-bottom: solid 1px #fff !important;
	font-size: 20px;
	border: 0;
}
.mfp-content .searchform-wrapper button:hover {
	box-shadow: none;
}
html {
	margin-right: 0 !important;
}
.title-chuongtrinh h2 {
	position: relative;
	color: #fff;
	font-size: 36px;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.title-chuongtrinh p {
	color: #fff;
	font-size: 18px;
}
.title-chuongtrinh h2:before {
	content: '';
	background: #fff;
	position: absolute;
	left: 0;
	width: 60px;
	height: 2px;
	bottom: -12px;
}
.accordion .accordion-item > a {
	border: 0;
	background: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
	font-weight: bold;
	color: #000;
}
.accordion .accordion-item+.accordion-item {
	margin-top: 20px;
}
.accordion .toggle {
	right: 20px;
	left: auto;
	top: 15px;
	opacity: 1;
	margin: 0;
}
.accordion-inner {
	border-top: solid 1px #f1f1f1;
	background: #fff;
}
.accordion .accordion-item > a.active i {
	transition: all .3s;
}
.accordion .accordion-item > a.active i {
	transform: rotate(45deg);
}
.box-dinhcu .box-text {
	text-shadow: none;
	background: #00483ce0;
	padding: 5px;
}
.accordion .accordion-item > a:hover span {
	color: #00483c;
	text-decoration: underline;
}
.mfp-ready .mfp-close {
	opacity: 1;
}
#dktv .form--contact > .titleF {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 22px;
	text-align: center;
	margin-bottom: 20px;
	color: #00483c;
}
.lightbox-content{
	border-radius: 10px;
}
#dktv .form--contact button {
	width: 100% !important;
}
.nutdk a {
	text-align: center;
	border-radius: 5px;
	font-weight: 100;
	font-size: 15px;
	padding: 7px 30px;
	width: 180px;
	display: block;
	margin: 0 auto 30px;
}
#cauhoi {
	background: #022d24;
}
#cauhoi .nutdk a {
	color: #00483c;
	background: #fff4d5;
	margin-bottom: 0;
}
#cauhoi .title_project-about {
	color: #fff;
}
.box-dinhcu .icon-box {
	align-items: center;
}
.box-dinhcu .box-text {
	text-shadow: none !important;
	padding: 5px 20px;
}
.box-dinhcu .icon-box .icon-box-text {
	order: 1;
	padding-left: 0;
}
.box-dinhcu .icon-box .icon-box-img {
	order: 2;
}
.btn4 {
	color: #00483B !important;
	background: #fff4d5;
	margin-bottom: 0;
	text-align: center;
	border-radius: 5px;
	font-weight: 100;
	font-size: 15px;
	padding: 7px 30px;
	width: auto;
}
.faq2 .accordion-item > a {
	border: solid 1px #00483c;
}
.noidung-title-dc {
	font-size: 18px;
}
.box-lydo-dc .icon-box-text ul {
	list-style: none;
	text-align: left;
}
.box-lydo-dc {
	padding: 40px 40px 20px;
	border-radius: 10px;
	transition: .4s;
	background: #fff;
	box-shadow: 0px 0px 15px -5px rgb(0 0 0 / 15%);
}
.box-lydo-dc .icon-box-text ul li {
	position: relative;
	margin-left: 0;
	padding-left: 20px;
}
.box-lydo-dc:hover {
	transform: translateY(-10px);
}
.box-lydo-dc .icon-box-text ul li:before {
	content: '\f0a9';
	position: absolute;
	left: 0;
	font-family: 'FontAwesome';
	color: #00483c;
	font-size: 12px;
	top: 3px;
}
.box-lydo-dc .icon-box-text {
	margin-top: 30px;
}
.content_project-about {
	margin-bottom: 30px;
}
.box__service .box-text {
	text-shadow: none !important;
	font-size: 20px;
	background: #00483cd6;
	padding: 15px 10px;
}
.box__service .box-text h4 {
	color: #fff4d5;
}
.box__service:hover img {
	transform: scale(1.1);
}
.btn4a {
	background: #00483c !important;
	color: #fff !important;
}
.content-dc {
	margin-top: 30px;
}
.form--contact select {
	height: 50px;
	background: #ecf0ed;
	border: 0;
	border-radius: 5px;
}
.wpcf7 .wpcf7-not-valid-tip {
	font-size: 12px;
}
.cauhoi1 p {
	margin-bottom: 10px;
}
.big_img {
	list-style: none;
	padding-left: 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: -10px;
}
.big_img li {
	width: 50%;
	height: 650px;
	-webkit-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.3s;
	position: relative;
	overflow: hidden;
}
.big_img li::before {
	-webkit-transition: all 1.2s;
	-o-transition: all 1.2s;
	transition: all 1.2s;
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	background: #fff;
}
.big_img li .title-header {
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	position: relative;
}
.big_img .hover_img:hover .title-header h2 {
	color: #fff;
}
.big_img li .title-header h2 {
	margin-bottom: 0;
	padding: 10px;
	color: #333;
}
.big_img li .title-header h2 a{
	color: #333;
}
.big_img li:hover h2 a{
	color: #fff;
}
.big_img li:hover {
	width: 200%;
	-webkit-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
	-o-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
	transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
}
.big_img li:hover .title-header {
	color: #fff;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
.big_img li:hover::before {
	-webkit-transition: all .2s;
	-o-transition: all .5s;
	transition: all .5s;
	background: #00483c;
}
.big_img li:hover .watermark_title {
	color: #fff;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.big_img li:hover .conten_item {
	-webkit-transition: all 1s cubic-bezier(0.4, 0, 1, 1);
	-o-transition: all 1s cubic-bezier(0.4, 0, 1, 1);
	transition: all 1s cubic-bezier(0.4, 0, 1, 1);
	opacity: 1;
}
.big_img li:hover:nth-child(1) .conten_item {
	left: 0;
}
.big_img li:hover:nth-child(2) .conten_item {
	right: 0;
}
.big_img li:hover .watermark_title {
	color: rgba(255, 255, 255, 0.25);
	text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
.big_img li:hover .bg_wsh::before {
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	background: rgba(0, 0, 0, 0.651);
}
.big_img li .bg_wsh {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 100%;
}
.big_img li .bg_wsh::before {
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
}
.big_img li .watermark_title {
	position: absolute;
	transform-origin: top left;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	font-size: 80px;
	bottom: -80px;
	left: 0;
	font-weight: bold;
	color: #fff;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	z-index: 2;
	white-space: nowrap;  
	text-shadow: 3px 3px 3px #000;
}
.big_img li .conten_item {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
	-o-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
	transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
	top: 0;
	background: linear-gradient(to top, #29573c, #00000000);
}
.big_img li .conten_item .flag_img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: 3px solid #fff;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 40px;
}
.big_img li .conten_item .inner_conten {
	width: 60%;
	margin: auto;
	height: 400px;
	overflow-y: auto;
}
.conten_item hr {
	opacity: 1;
	color: #fff;
}
.big_img li .conten_item .inner_conten::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 0px;
	background-color: transparent;
}
.big_img li .conten_item .inner_conten::-webkit-scrollbar {
	width: 5px;
	background-color: transparent;
}
.big_img li .conten_item .inner_conten::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #377a3c;
}
.big_img li .conten_item .inner_conten a h3 {
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
}
.home-5 {
	padding-bottom: 0px !important;
}
.box-khtc {
	background: #fff;
	box-shadow: 0px 0px 15px -5px rgb(0 0 0 / 15%);
}
.box-khtc .box-text {
	padding: 15px;
}
.box-khtc .box-text h4 {
	font-size: 20px;
	color: #00483c;
}
.box-khtc .box-text p:nth-child(2) {
	font-size: 16px;
	position: relative;
	padding-bottom: 30px;
}
.box-khtc .box-text p:nth-child(2):before {
	content: '';
	background: #00483c;
	position: absolute;
	width: 50px;
	height: 2px;
	left: 50%;
	transform: translateX(-50%);
	bottom: 20px;
}
.thanh-tich >.col .col-inner {
	border-radius: 20px;
}
.thanh-tich >.col .col-inner  p.count {
	text-align: center;
	font-size: 38px;
	font-weight: bold;
	color: #00483c;
	line-height: 1;
	margin-bottom: 20px;
}
.thanh-tich >.col .col-inner .icon-box-text.last-reset p:last-child
{
	display: none;
}
.thanh-tich >.col .col-inner:hover .icon-box-text.last-reset p:last-child{
	display: block;
}
.thanh-tich >.col .col-inner:hover .icon-box-img{display: none;}
.thanh-tich >.col .col-inner:hover {
	background: #00483c!important;
}
.thanh-tich >.col .col-inner:hover *{
	color: #fff!important;
}
.home-section-about .col-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
/* Thay màu nền thành gradient */
background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 72, 60, 1) 100%) ;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
border-radius: 30px;
padding: 30px;
}
.home-section-about .col-inner:before {
	content: "";
	position: absolute;
	inset: 0; /* top:0; right:0; bottom:0; left:0; */
	background: url(https://maple.moodbiz.vn/wp-content/uploads/2025/05/Logo-maple-leaf-white.png) center/contain no-repeat;
	opacity: 0.3;  /* Điều chỉnh độ mờ ở đây */
	pointer-events: none; /* để không ảnh hưởng tương tác */
	z-index: 0;	
}
.home-section-about .col-inner *{
	color: #fff;
}
.home-section-about .col-inner p{
	text-align: justify;
}
#footer {
	z-index: 1;
}
.info_head-project {
	justify-content: space-between;
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}
.btnBox-project {
	display: inline-block;
	width: 150px;
	text-align: center;
	color: #fff;
	padding: 10px 20px;
	border-radius: 10px;
	font-size: 15px;
	border: solid 1px #00483c29;
	position: relative;
}
.btnBox-project i {
	font-size: 12px;
	margin-left: 5px;
}
.btnBox-project:before {
	content: '';
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background: #00483c;
	transition: 0.3s ease-out;
	position: absolute;
	border-radius: 5px;
	opacity: 1 !important;
}
.btnBox-project span {
	position: relative;
	display: inline-block;
	top: 0;
	left: 0;
	width: 100%;
	transition: 0.2s 0.1s;
}
.btnBox-project:hover span {
	color: #00483c;
}
.btnBox-project:hover:before {
	width: 0%;
}
.dieukien-list .col-inner{
	box-shadow: 0px 0px 15px -5px rgb(0 0 0 / 15%);
	border: solid 2px #00483c;
	border-radius: 10px;
}
.box--dieukien {
	padding: 20px 40px 20px;
	border-radius: 10px;
	transition: .4s;
	background: #fff;

}
.box--dieukien h3 {
	border-bottom: solid 1px #00483c;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
.box--dieukien .icon-box-text p {
	margin-bottom: 5px;
	text-align: left;
	position: relative;
	font-size: 16px;
}
.archive .bg-single-post_main:before {
	background: linear-gradient(180deg, rgba(0, 0, 0, .5) 24.02%, transparent 86.12%);
}
.bg-cate-post_main {
	height: 600px;
	border-radius: 0 0 100px 100px;
	z-index: 1;
}
#gioithieu-duan {
	margin-top: -250px;
}
#gioithieu-duan .row {
	background: #00483c;
	border-radius: 10px;
	z-index: 1;
}
#gioithieu-duan .row .title_project-about {
	color: #fff;
}
#gioithieu-duan .row .title_project-about::before {
	background: #fff4d529;
}
.noidung-tongquan {
	padding: 30px;
	color: #fff;
}
.anh-gioithieu {
	height: 100%;
}
.anh-gioithieu img {
	height: 600px;
	border-radius: 10px;
	object-fit: cover;
}
#gioithieu-duan:before {
	content: '';
	background-image: linear-gradient(180deg, #fff 30.17%, #fff4d5);
	border-radius: 9999px;
	width: 500px;
	height: 500px;
	position: absolute;
	top: 17rem;
	left: -20rem;
}
.bg-cate-post_main .tomtat_project {
	text-transform: uppercase;
	font-weight: bold;
}

.bg-cate-post_main .crumbs-project:before {
	content: '';
	background-image: linear-gradient(90deg, #fff 50%, hsla(0, 0%, 100%, 0));
	width: 58.96875rem;
	height: 1px;
	left: 0;
	bottom: -10px;
	position: absolute;
}
#tieuchidanhgia {
	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
	background-position: center center !important;
	background-size: cover !important;
	padding: 0 !important;
}
#tieuchidanhgia .col-inner {
	position: relative;
	width: 100%;
	flex-wrap: wrap;
	align-content: flex-start;
}
.tieuchi-container {
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #FFFFFF4D;
	padding: 15px 0px 110px 0px;
	background-color: #FFFFFF00;
	transition: 0.4s;
	position: relative;
	overflow: hidden;
}
.tieuchi-service-1 {
	position: relative;
	z-index: 2;
}
.tieuchi-service_content {
	transition-duration: 0.6s;
}
#tieuchidanhgia .col-inner:hover .tieuchi-service_content {
	transform: translateY(0) !important;
}
.tieuchi-service_content-wrap:after {
	content: "";
	display: none;
	width: 40px;
	height: 2px;
	margin: 19px 0 21px 0;
	background-color: currentColor;
	transition: color 0.3s;
	color: rgba(0, 0, 0, 0.1);
}
.tieuchi-service_content-wrap:after {
	display: block;
	margin: 25px 0px 0px 0px;
	width: 0%;
	height: 1px;
}
.tieuchi-service_subtitle {
	font-size: 28px;
	font-weight: 400;
	color: #fff;
	line-height: 1.6;
	margin: 0px 15px 5px 15px;
}
.tieuchi-service_title {
	padding: 0px 15px 20px 15px;
	color: #fff;
	font-family: Play, sans-serif;
	line-height: 1;
}
.service__title.service_title-1 {
	font-size: 24px;
	line-height: 1.3;
	position: relative;
	color: #fff;
	text-transform: capitalize;
}
.tieuchi-service_description {
	font-size: 18px;
	margin: 0px 15px;
	color: #ffffff;
	transition: opacity 0.4s;
}
.sec-ct-page2:before {
	content: '';
	background: #0000009c;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.sec-ct-page2 .tieuchi-service_content {
	transform: none;
}
.sec-ct-page2 .tieuchi-service_title {
	height: auto;
}
.sec-ct-page2 .tieuchi-service_description{
	height: auto;
}
@keyframes service_1_slide_top{
	0% {
		opacity: 0;
	}
	30% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
#tieuchidanhgia:before {
	content: '';
	background: #0000009c;
	position: absolute;
	width: 100%;
	height: 100%;
}
.tieuchi-service_button-wrapper {
	text-align: left;
	margin: 0px 0px 30px 15px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
}
.tieuchi-service_button-wrapper a {
	line-height: 0;
	font-size: 0;
	display: inline-block;
	transition: 0.4s;
	border-radius: 30px;
}
.tieuchi-service_button-wrapper a i {
	border-radius: 30px;
	height: 45px;
	width: 45px;
	line-height: 45px;
	font-size: 14px;
	text-align: center;
	display: inline-block;
	transition: background-color 0.4s, color 0.4s, transform 0.4s;
	will-change: transform;
	background-color: rgba(255, 255, 255, 0.2);
	color: #fff;
}
.tieuchi-service_description p {
	margin-bottom: 7px;
}
.section-thamdinh2 .form--contacts input, .section-thamdinh2 .form--contacts textarea,.section-thamdinh2 .form--contacts select {
/*background: #fff;*/
box-shadow: 0px 0px 15px -5px rgb(0 0 0 / 15%) !important;
height: 50px;
border-radius: 5px;
/*background: unset!important;*/
}
.section-thamdinh2 .form--contacts label{
	font-size: 16px;
}
form#filter-form {
	padding: 50px 20px;
	background: #fff;
	border-radius: 20px;
}
.sec-ct-page .section-bg {
	height: 600px;
	border-radius: 0 0 100px 100px;
}
.sec-ct-page:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: linear-gradient(180deg, rgba(0, 0, 0, .5) 24.02%, transparent 86.12%);
}
.tieudeduan .crumbs-project:before {
	content: '';
	background-image: linear-gradient(90deg, #fff 50%, hsla(0, 0%, 100%, 0));
	width: 58.96875rem;
	height: 1px;
	left: 0;
	bottom: -10px;
	position: absolute;
}
.sec-ct-page .tieudeduan {
	padding: 0;
}
.page-ct-tongquan{
	border-radius: 30px;
}
.page-ct-tongquan {
	background: #00483c;
}
.page-ct-tongquan .col > .col-inner {
	border-radius: 30px
}
.content-eb h3 {
	text-transform: uppercase;
	font-size: 24px;
	color: #00483c;
}
/*.img-eb5:before {
content: '';
width: 100%;
height: 100%;
left: 30px;
top: 30px;
position: absolute;
border: solid 10px #00483c;
}*/
.line-eb {
	background: #000000;
	display: block;
	height: 1px;
	margin: 30px 0;
}
.content-eb {
	margin-top: 30px;
}
.img-eb5 {
	padding: 5px;
	border: solid 3px #00483c;
}
.nav-dropdown>li.nav-dropdown-col{display:block}
.nav-dropdown{border:1px solid #ddd; padding:0}
.nav-dropdown .nav-dropdown-col>a, .nav-dropdown li a{font-weight:normal !important; text-transform:none !important;font-size:14px; font-weight:500}
.nav-dropdown-default>li:hover>a, .nav-dropdown .nav-dropdown-col>ul li:hover>a{color:white}
.nav-dropdown-default>li:hover{background:#fbae3c}
.nav-dropdown-default>li>a{border-bottom:0 !important}.nav-dropdown-has-arrow li.has-dropdown:before{border-width: 10px;
	margin-left: -10px;}
	.nav-dropdown .nav-dropdown-col>ul {
		margin-top: -38px;
		display: none;
		position: absolute;
		left: 100%;
		z-index: 9;
		background: #00483c;
		min-width: 220px;
	}
	.nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0}
	.nav-dropdown .nav-dropdown-col>ul li a{padding:10px 20px;  text-transform: none;color:#fff;transition: all .3s;
		position: relative;}
		.header-nav li.nav-dropdown-col:hover >ul{display:block !important}
		.nav-dropdown .nav-dropdown-col>ul li+li a {
			border-top: dashed 1px #fff;
		}
		.nav-dropdown .nav-dropdown-col>ul li a:hover {
			padding-left: 30px;
		}
		.nav-dropdown .nav-dropdown-col>ul li a:before {
			content: '\f178';
			opacity: 0;
			font-family: 'FontAwesome';
			font-size: 8px;
			margin-right: 0;
			position: relative;
			top: -1px;
			translate: all .3s;
		}
		.nav-dropdown .nav-dropdown-col>ul li a:hover:before {
			opacity: 1;
			margin-right: 5px;
		}
		.flag-project {
			position: absolute;
			top: 20px;
			left: 20px;
		}
		.flag-project img {
			width: 30px;
			height: 30px;
		}
		.sold-out {
			position: absolute;
			right: 20px;
			top: 20px;
			background: #fff4d5;
			color: #00483c;
			padding: 5px 10px;
			border-radius: 8px;
			font-size: 14px;
			text-transform: uppercase;
			font-weight: bold;
		}
		.line_about-project {
			width: 100%;
			height: 1px;
			margin: 30px 0;
			background: #ffffff47;
		}
		.nav-line>li.active>a:before, .nav-line>li:hover>a:before {
			opacity: 0;
		}
		.bg-chamdiem {
			z-index: 1;
		}
		#tongquandinhcu {
			margin-top: -100px;
			position: relative;
			z-index: 1;
		}
		#tongquandinhcu .row {
			padding: 50px;
			border-radius: 30px;
			background: linear-gradient(227deg, #00483c00 0%, rgb(255 255 255 / 98%) 38%, rgba(255, 255, 255, 1) 100%);
			margin-bottom: 50px;
		}
		.box-dukien img {
			width: 50px;
			margin-bottom: 20px;
		}
		.box-dukien p:nth-child(2) {
			font-size: 18px;
			text-transform: uppercase;
			font-weight: bold;
			color: #022d24;
			margin-bottom: 15px;
		}
		.box-Uudiem {
			display: flex;
			background: #fff;
			padding: 20px;
			border-radius: 20px;
			position: relative;
			overflow: hidden;
			box-shadow: 0px 0px 15px -6px #00483c1f;
		}
		.img-Uudiem {
			width: 60%;
		}
		.boxtext-Uudiem {
			width: 100%;
		}
		.uudiem-loiich {
			margin-top: 50px;
		}
		.boxtext-Uudiem {
			padding-left: 20px;
		}
		.boxtext-Uudiem h4 {
			text-transform: uppercase;
			font-size: 21px;
			line-height: 1.3;
			color: #00483c;
			font-family: Play, sans-serif;
		}
		.img-Uudiem img {
			border-radius: 20px;
		}
		.boxtext-Uudiem ul li {
			margin-bottom: 0;
		}
		.boxtext-Uudiem ul {
			margin-bottom: 0;
		}
		#uudiemchuongtrinh .title_project-about {
			color: #fff;
		}
		#uudiemchuongtrinh .title_project-about {
			color: #fff;
		}
		#uudiemchuongtrinh, #lydoluachon {
			background-position: 50% 48% !important;
			background-repeat: no-repeat !important;
			background-size: cover !important;
			padding-top: 50px;
		}
		#uudiemchuongtrinh:before {
			content: '';
			background: #0000001c;
			position: absolute;
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
		}
		#cauhoi .title_project-about {
			margin-bottom: 0;
		}
		.box-quyenloi, .lydo,.quytrinhhoso {
			margin-top: 30px;
		}
		.boxtext-quyenloi {
			background: #00483c;
			padding: 30px;
			border-radius: 20px;
			overflow: hidden;
			box-shadow: 0px 0px 15px -6px #00483c6b;
		}
		.boxtext-quyenloi h4, .boxtext-quyenloi p {
			color: #fff;
		}
		.boxtext-quyenloi h4 {
			border-bottom: solid 1px #ffffff;
			padding-bottom: 10px;
			margin-bottom: 20px;
			font-family: Play, sans-serif;
			position: relative;
		}
		.boxtext-quyenloi p {
			margin-bottom: 0;
		}
		.quyenloi .col .boxtext-quyenloi h4:before {
			font-size: 30px;
			margin-right: 10px;
		}
		.quyenloi .col:nth-child(2) .boxtext-quyenloi h4:before {
			content: '2.';
		}
		.quyenloi .col:nth-child(1) .boxtext-quyenloi h4:before {
			content: '1.';
		}
		.quyenloi .col:nth-child(3) .boxtext-quyenloi h4:before {
			content: '3.';
		}
		.quyenloi .col:nth-child(4) .boxtext-quyenloi h4:before {
			content: '4.';
		}
		.quyenloi .col:nth-child(5) .boxtext-quyenloi h4:before {
			content: '5.';
		}
		.quyenloi .col:nth-child(6) .boxtext-quyenloi h4:before {
			content: '6.';
		}
		.content-lydo {
			padding: 30px 20px 60px 30px;
			box-shadow: rgb(252 241 210) 0px 10px 30px -20px;
			border-radius: 20px;
			background-color: rgb(252 241 210);
		}
		.content-lydo p {
			font-size: 20px;
			margin-bottom: 0;
			text-transform: uppercase;
		}
		.content-lydo div {
			position: absolute;
			font-size: 73px;
			right: 6px;
			bottom: -12px;
			opacity: .3;
		}
		.content-lydo {
			position: relative;
			overflow: hidden;
		}
		#lydoluachon .title_project-about {
			color: #fff;
		}
		.quytrinh-content p {
			background-color: #00483c;
			box-shadow: 0px 0px 15px -7px #0000004d;
			padding: 30px;
			border-radius: 20px;
			font-size: 20px;
			text-transform: uppercase;
			position: relative;
			color: #fff;
		}
		@media (min-width: 1024px){
			.blog-list-1 .image-cover {
				height: 379px;
				padding-top: 0 !important;
			}
			.col-20 {
				max-width: 20%;
			}
			.active>ul.sub-menu:not(.nav-dropdown){
				display: none;
			}
			#pieChart {
				height: 450px !important;
				width: 450px !important;
			}
			.tieuchi-service_description {
				height: 200px;
			}
			.tieuchi-container {
				height: 620px;
			}
		}
		@media (min-width: 992px){
			.nopad{
				padding-bottom: 0 !important;
			}
			#masthead > .header-inner {
				max-width: 100%;
				padding: 0 15px;
			}
			#counters_1 .after1,.thanh-tich >.col {
				width: 20%;
				max-width: 20%;
			}
			.blog-wrapper .row .large-9 {
				padding-right: 0 !important;
			}
			.video-button-wrapper a i {
				font-size: 28px !important;
			}
			.col-about > .col-inner {
				height: 450px;
				position: relative;
				background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 72, 60, 1) 100%);
				padding: 20px;
				display: flex;
				align-items: center;
				justify-content: center;
			}
			.content_project-about {
				background: #fff;
				width: 75%;
				margin: -250px auto 0;
				padding: 30px;
				/* box-shadow: 0px 0px 15px -5px rgb(0 0 0 / 15%); */
				border-radius: 30px;
			}
			.title_project-about-m h2 {
				margin-bottom: 0;
			}
			.tomtat_project {
				width: 50%;
			}
			.tieuchi-service_title{
				height: 100px;
			}
			.box-aboutus .box-text p {
				display: -webkit-box;
				-webkit-line-clamp: 12;
				-webkit-box-orient: vertical;
				overflow: hidden;
			}
		}
		@media (max-width: 849px){
			footer .icon-box {
				display: block;
				text-align: center;
			}
			footer .icon-box .icon-box-img {
				margin: 0 auto 20px;
			}
			.blog-wrapper .large-9 {
				padding-bottom: 0;
			}
			#related_posts .post-item:last-child {
				padding-bottom: 0;
			}
			#block_widget-2 {
				display: none !important;
			}
			.contact-1 {
				padding-top: 65px !important;
				padding-bottom: 65px !important;
			}
			.col-about > .col-inner {
				background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 72, 60, 1) 100%);
				padding: 20px;
			}
			.box-aboutus .box-image {
				width: 50% !important;
				margin-bottom: 30px;
			}
			.box-why .icon-box-text {
				height: auto;
			}
			.block-counters {
				height: auto;
				border: 0;
			}
			.bg-single-post_main img {
				height: 200px;
			}
			.content_project-about {
				background: #fff;
				padding: 20px;
				margin-top: 15px;
			}
			ul.list-item-added li a {
				font-size: 15px;
			}
			ul.list-item-added {
				flex-wrap: initial;
				display: flex;
				overflow-x: scroll;
				flex-flow: row nowrap;
				-webkit-transition: all 0.3s linear;
				-o-transition: all 0.3s linear;
				transition: all 0.3s linear;
				position: relative;
				z-index: 2;
				white-space: nowrap;
				justify-content: left;
				gap: 1px;
			}
			.menu-fixed {
				top: 5.6rem;
			}
			ul.list-item-added li {
				padding: 0 15px;
			}
			#masthead ul.mobile-nav > li > a i {
				color: #000;
			}
			.mfp-content {
				background: #f2f5ec !important;
				transition: transform .5s, opacity .3s !important;
			}
			.off-canvas .nav-vertical>li>a {
				color: #00483c;
				font-size: 16px;
				text-transform: inherit;
				padding: 8px;
			}
			.nav-sidebar.nav-vertical>li+li {
				border: 0;
			}
			.off-canvas .nav-vertical>li>button.toggle {
				opacity: 1;
				font-size: 10px;
				color: #00483c;
			}
			.off-canvas .nav-vertical>li ul.sub-menu > li > button {
				opacity: 1;
				color: #00483c;
			}
			.off-canvas .nav-vertical>li ul.sub-menu > li > a {
				color: #00483c;
			}
			.mfp-content .sidebar-menu .searchform-wrapper input {
				border: solid 1px #00483c;
				color: #00483c;
			}
			.mfp-content .sidebar-menu .searchform-wrapper input::placeholder {
				font-size: 14px;
				color: #00483c;
			}
			.mfp-content .sidebar-menu .searchform-wrapper button {
				background: #00483c;
				border: solid 1px #00483c;
			}
			.big_img {
				display: block; 
			}
			.big_img li {
				width: 100%; 
			}
			.big_img li::before {
				-webkit-transition: all .5s;
				-o-transition: all .5s;
				transition: all .5s;
				background: #377a3c; 
			}
			.big_img li .watermark_title {
				color: #fff;
				-webkit-transition: all .5s ease;
				-o-transition: all .5s ease;
				transition: all .5s ease; 
			}
			.big_img li .conten_item {
				-webkit-transition: all 1s cubic-bezier(0.4, 0, 1, 1);
				-o-transition: all 1s cubic-bezier(0.4, 0, 1, 1);
				transition: all 1s cubic-bezier(0.4, 0, 1, 1);
				opacity: 1; 
			}
			.big_img li:nth-child(1) .conten_item {
				left: 0; 
			}
			.big_img li:nth-child(2) {
				margin-top: 20px;
				margin-left: 0px; 
			}
			.big_img li:nth-child(2) .conten_item {
				right: 0; 
			}
			.big_img li .watermark_title {
				color: rgba(255, 255, 255, 0.25); 
			}
			.big_img li .title-header {
				color: #fff; 
			}
			.big_img li .bg_wsh::before {
				-webkit-transition: all .5s;
				-o-transition: all .5s;
				transition: all .5s;
				background: rgba(0, 0, 0, 0.651); 
			}
			.big_img li:hover {
				width: 100%; 
			} 
			.big_img li .conten_item .inner_conten {
				width: 80%;
			}
			.tieudeduan h1 {
				font-size: 28px;
				line-height: 1.2;
			}
			.tomtat_project {
				font-size: 14px;
				display: -webkit-box;
				-webkit-line-clamp: 3;
				-webkit-box-orient: vertical;
				overflow: hidden;
			}
			.tieudeduan h1:before {
				display: none;
			}
			#tongquanduan {
				padding: 20px 0 !important;
			}
			.title_project-about:before {
				height: 8px;
				width: 100px;
			}
			.ct-banner-holder {
				left: 7px;
			}
			#cautrucvon {
				padding: 0;
			}
			.tongvon {background: linear-gradient(0deg, rgb(255 255 255 / 7%) 0%, rgba(255, 255, 255, 1) 100%);border-radius: 30px 30px 0 0;padding: 30px;}
			.tongvon>p {
				font-size: 18px;
			}
			.item-von {
				padding: 20px;
			}
			.page_progress span.label {
				font-size: 13px;
			}
			span.sovon {
				font-size: 14px;
			}
			.progress_inner > span span.number {
				font-size: 15px;
			}
			.maps-project iframe {
				height: 400px;
			}
			.maps-project iframe {
				height: 400px;
			}
			.content-tab_project {
				display: block;
				height: auto;
			}
			.info_head-project {
				display: block;
			}
			.dautu-uytin:first-child {
				margin-top: 30px;
			}
			.bg-cate-post_main {
				height: 470px;
			}
			body.category ul.subcategories-lists{
				gap: 10px;
				justify-content: center;
				overflow-x: scroll;
			}
			body.category ul.subcategories-lists li {
				min-width: 70px;
			}
		}
		@media (max-width: 549px){
			.nopadm{
				padding-bottom: 0 !important;
			}
			.page-header_content h1, .title_project-about, .content-active .block-title h3,
			.bg-head_project .bg-category h1, .title-chuongtrinh h2 {
				font-size: 28px;
				line-height: 1.3;
			}
			.section-title-container:not(footer .section-title-container) .section-title span {
				font-size: 26px;
				margin-bottom: 10px;
			}
			.video-button-wrapper i {
				font-size: 16px !important;
			}
			.video-button-wrapper {
				font-size: 100% !important;
			}
			.thuvien .flickity-button {
				position: absolute;
				top: auto;
				bottom: -30px;
				width: 25px !important;
				height: 25px !important;
			}
			.thuvien .flickity-button.next {
				right: 41%;
			}
			.thuvien .flickity-button.previous {
				left: 41%;
			}
			.thuvien .flickity-button svg {
				padding: 7px !important;
			}
			.about-4 {
				padding: 30px 0 80px !important;
			}
			.thuvienanh .flickity-button {
				bottom: -55px;
			}
			.titleKH {
				margin-bottom: 13px !important;
			}
			.about-5:after {
				width: 100%;
				right: -13px;
				height: 75%;
			}
			.slider-kh .flickity-page-dots {
				bottom: -35px;
				left: -60%;
			}
			.slider-kh .flickity-page-dots li {
				width: 9px !important;
				height: 9px !important;
			}
			.icon-about .icon-box-text p {
				font-size: 14px;
			}
			.content_project-about p {
				font-size: 15px;
			}
			.content-active{
				height: auto;
			}
			.block-title {
				padding: 20px;
			}
			#duankhac, #tiendoduan {
				padding: 30px 0 !important;
			}
			.bg-head_project .bg-category {
				height: 300px;
			}
			#cauhoi .title_project-about {
				text-align: center;
				margin-bottom: 0;
			}
			.tab-tin ul.nav {
				justify-content: center;
			}
			.tab-tin ul.nav li {
				margin-bottom: 10px;
			}
			.title_project-about-m {
				text-align: center;
			}
			.titlem{
				margin-bottom: 10px;
			}
			.sec-dinhcu{
				padding-bottom: 20px !important;
			}
			.tieuchi-container {
				padding-top: 30px;
				padding-bottom: 0;
				overflow: unset;
			}
			.tieuchi-service_title {
				margin-bottom: 0;
			}
			.tieuchi-service_button-wrapper {
				display: none;
			}
			.tieuchi-service_description {
				opacity: 1;
				animation: none !important;
			}
			.tieuchi-service_content {
				transform: translateY(0) !important;
			}
			.tieuchi-service_content-wrap {
				border-bottom: solid 1px #4d4d4d;
			}
			#tongquandinhcu .row {
				padding: 20px;
			}
			.img-Uudiem {
				width: 100%;
				margin-bottom: 25px;
			}
			.box-Uudiem {
				display: block;
			}
			.boxtext-Uudiem {
				padding-left: 0;
			}
			.quyen_loi .col {
				padding-bottom: 0;
			}
			body.category ul.subcategories-lists{
				gap: 10px;
				justify-content: left;
				overflow-x: scroll;
			}
			body.category ul.subcategories-lists li {
				min-width: 70px;
			}
			.big_img li .title-header h2 a{
				color: #fff;
			}
		}