/*
Theme Name: HKT Child
Theme URI:  https://web.khanhvinhphuc.id.vn
Author: Huy Tập - bvkhanh88@gmail.com
Author URI: https://web.khanhvinhphuc.id.vn
Description: This theme is an engaging WordPress theme that is designed to help boost social shares and get you more viral traffic from the web's top social media websites.
Version: 2.1 (Updated: 24/11/2023 17:00)
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hkt
Template: hkt-simple
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Signika+Negative:wght@300..700&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Signika+Negative:wght@300..700&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
a { color: #222; }
.bg-default { background: #222 }
ol, ul { padding-left: 5px; }
body { margin: 0; padding: 0; font: 15px / 1.5 Arial; width: 100%; background: #fafafa; font-family: "Inter", sans-serif; }
.bg-default { background: #fd9e31 }
.container-wrapper { max-width: 1600px; margin: auto; }
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li { margin-bottom: 20px; }
#logo img { height: 135px; }
.logs { padding: 3px 0px; }
.user_item { color: #333; padding-left: 25px; margin-right: 25px; font-weight: bold; text-decoration: none; display: block; float: left; font-size: 13px; }
.login { background: url('/wp-content/uploads/2025/02/header-middle-right-icon4.png') no-repeat 0px 0px; }
.register { background: url('/wp-content/uploads/2025/02/header-middle-right-icon3.png') no-repeat 0px 0px; }
.post-info.flr { background: #ff7f00; color: #fff; line-height: 26px; height: 26px; display: block; float: right; width: 150px; text-align: center; font-weight: bold; font-size: 14px; margin: 6px 10px 6px 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
header#site-header { background: linear-gradient(to right, #fff 50%, #fd9e31 50%); color: #000; /* lưu ý: nếu nửa bên trái là trắng thì màu chữ nên là đen hoặc phù hợp */ }
.header-row { display: flex; align-items: center; justify-content: space-between; }
.header-logo { background: #fff; padding: 5px 0; }
.pri-menu { background: #fd9e31; padding: 12px 0 12px 75px; border-radius: 140px 0 0 0; }
nav.navigation:not(.mobile-only) ul.menu>li>ul.sub-menu:before { border-bottom: 10px solid #222; }
nav.navigation:not(.mobile-only) ul ul, .navigation:not(.mobile-only) ul ul { background-color: #222; }
nav.navigation:not(.mobile-only) ul ul { padding: 15px 0; }
nav.navigation:not(.mobile-only) ul ul a { text-transform: none; }
.wsboxtitlecontent { padding: 0 15px; }
.wsboxtitlecontent .title-box { text-align: left; font-size: 165%; text-transform: uppercase; font-weight: 700; color: #606060; }
.wsboxtitlecontent .boxcontent { text-align: justify; font-size: 105%; margin: auto; margin-bottom: 40px; }
.wsboxtitlecontent .boxcontent blockquote { border-left: 3px solid #fea742; padding-left: 40px; font-style: italic; }
.vc-hoverbox-block.vc-hoverbox-front, .vc-hoverbox-block.vc-hoverbox-back { min-height: 330px; }
.wsboxtitlecontent .carousel-inner img { width: 100%; height: auto; aspect-ratio: 16 / 9 !important; object-fit: cover; object-position: center; }
#hkt-navigation nav.navigation:not(.mobile-only) ul ul li+li { border-top: 1px solid #009393; }
.box-search { border: 1px #222 solid; margin-bottom: 10px; padding: 0px 0px 5px 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #f4f4f4; }
.header-search { background: #222 url(/wp-content/uploads/2025/02/header-search.png) no-repeat top left; margin-bottom: 15px; height: 32px; line-height: 32px; text-align: center; position: relative; color: #fff; border: 1px #fff solid; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.text-header-search { color: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase; }
form#search-form { padding: 0 15px; }
form#search-form select { width: 100%; margin-bottom: 4px; }
form#search-form button { width: 100%; height: 34px; margin-bottom: 10px; border: none; background: #ed8d03; font-size: 15px; font-weight: bold; display: block; text-align: center; color: #fff; cursor: pointer; outline: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.first-news-hot { display: flex; flex-wrap: wrap; }
.first-news-hot .first-news-hot-right h3 { margin: 0; padding: 0; }
.first-news-hot .first-news-hot-left { width: 160px; }
.first-news-hot .first-news-hot-right { width: calc(100% - 160px); padding: 0 0 0 15px; }
.first-news-hot .first-news-hot-right h3 { margin: 0; padding: 0; }
.first-news-hot .first-news-hot-left img { width: 100%; height: auto; aspect-ratio: 16 / 12; object-fit: cover; object-position: center; }
.group-news-hot a { color: #006666; }
ul.list-news-hot01 li a, .widget_recent_entries li a { font-weight: 700; position: relative; font-size: 13px; }
ul.list-news-hot01 li, .widget_recent_entries li { border-bottom: 1px dashed #ccc; padding: 7px 0; }
ul.list-news-hot01 li:before, .widget_recent_entries li a:before { font-family: 'FontAwesome'; content: "\f0da"; font-size: 16px; color: #006666; margin-right: 10px; }
.link-views-detail { width: 90px; height: 24px; background: #222; color: #fff; font-size: 12px; display: block; float: right; margin-top: 5px; text-align: center; line-height: 24px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.link-views-detail:hover { background: #ffb500; color: #fff; }
.header05 { background: #00cd00; margin-bottom: 10px; height: 32px; margin: 0; padding: 0; line-height: 32px; color: #fff; font-size: 14px; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.header05 span { display: block; color: #fff; background: url(/wp-content/uploads/2025/02/bg-header-home.png) no-repeat top right; padding: 0px 50px 0px 20px; float: left; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.can-ho-list { display: flex; flex-direction: column; }
.can-ho-item { display: flex; background: #fff; border: 1px solid #ddd; padding: 10px; border-radius: 5px; align-items: flex-start; position: relative; flex-wrap: wrap; }
.can-ho-thumbnail { overflow: hidden; border-radius: 5px; position: relative; width: 160px; }
.can-ho-thumbnail img { height: auto; aspect-ratio: 16 / 12; object-fit: cover; object-position: center; }
.vip-label { color: #fff; padding: 3px 5px; font-size: 12px; font-weight: bold; border-radius: 3px; width: 35px; height: 35px; display: block; background: url(/wp-content/uploads/2025/02/icon-vip-image.png) no-repeat top left; position: absolute; top: 1px; left: 1px; z-index: 3; }
.can-ho-info.vip-label-link a { color: #ff0000; }
.can-ho-info { padding-left: 15px; width: calc(100% - 160px); }
.can-ho-title { font-size: 14px; font-weight: bold; margin-bottom: 5px; margin-top: 0; padding-top: 0; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; white-space: normal; -webkit-line-clamp: 2; }
.can-ho-meta { font-size: 14px; color: #555; }
.can-ho-meta span { display: block; margin-bottom: 3px; }
.can-ho-title a { color: #006666; }
.single-can-ho .can-ho-title { font-size: 17px; color: #222; }
.can-ho-khu-vuc a { color: #222; }
.b-footer-menu ul li a { color: #fff; }
.b-footer-menu ul li { padding: 10px 13px; border-left: 1px solid #ccc; }
.b-footer-menu ul { display: flex; }
.b-footer-menu { background: #222; }
.b-footer li a { color: #222; }
.b-footer li { padding: 4px 0; font-size: 13px; }
.company-info.border-top.mt-4 { font-size: 12px; }
img.banner-header-top { width: 100%; height: auto; aspect-ratio: 780 / 105; object-fit: cover; object-position: center; }
.du-an-item .can-ho-thumbnail { width: 100px; border-radius: 0; padding: 2px; border: 1px solid #ddd; }
.du-an-item .can-ho-info { padding-left: 10px; width: calc(100% - 100px); }
.du-an-item .can-ho-vi-tri { font-size: 90%; color: #777; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; white-space: normal; -webkit-line-clamp: 2; }
.can-ho-item.du-an-item { border: none; border-top: 1px solid #ddd; margin-top: 0 !important; border-radius: 0; }
.can-ho-item.du-an-item .can-ho-title { font-size: 13px; }
#duAnCarousel * { background: transparent; border: none; }
.siderbar-wapper .box-widget.box-search { background: #fff; }
#duAnCarousel img { height: auto; aspect-ratio: 16 / 12; object-fit: cover; object-position: center; }
ul#menu_lien_ket_noi_bat li a { color: #222; }
ul#menu_lien_ket_noi_bat { list-style: none; padding: 0; margin: 0 5px; }
ul#menu_lien_ket_noi_bat li { border-bottom: 1px solid #ddd; padding: 8px 0; position: relative; }
ul#menu_lien_ket_noi_bat li:before { font-family: 'FontAwesome'; content: "\f0da"; font-size: 90%; color: #222; margin-right: 7px; }
ul#menu_lien_ket_noi_bat li:last-child { border: none; }
ul#menu_lien_ket_noi_bat li:hover a { color: #006666; }
.b-footer { background: #ededed url(/wp-content/uploads/2025/02/bg-footer.png) !important; }
.archive.category .post-listing .post-box-title>a { font-size: 15px; }
.archive.category .post-listing .post-box-title { padding-bottom: 10px; }
.bg-duan-thumb { position: relative; }
.bg-duan-thumb:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-image: linear-gradient(#ffffff00, rgba(86, 54, 0, 0.75)); }
.bg-duan-thumb img { margin: auto; object-fit: cover; object-position: center center; height: 600px; width: 100%; animation: zoominoutsinglefeatured 0s infinite; }
.bg-duan-thumb .title-duan { position: absolute; left: 0; right: 0; bottom: 30px; text-align: center; color: rgb(255 255 255 / 91%)
color:#fff; z-index: 9; font-family: "Josefin Sans", sans-serif; font-size: 2rem !important; }
.bg-duan-block .title-duan { background-image: linear-gradient(#222, #ffffff); padding: 9px 10px 35px 10px; text-align: center; font-size: 1.3rem; color: #fff; border-radius: 15px 15px 0 0; }
.bg-duan-thumb .title-duan { color: #ffffffde; }
.bg-duan-block table td { border: 1px solid #777; }
.bg-duan-block img.size-full { display: table; margin: 20px auto; }
.anhbaivietduan img { width: 100%; height: auto; aspect-ratio: 100 / 84; object-fit: cover; object-position: center; border-radius: 14px; padding: 4px; border: 1px solid #ccc; }
.du-an-info { background: #af7817; padding: 15px; text-align: center; border-radius: 0 0 10px 10px; color: #fff; }
.du-an-info h2 { margin: 0; font-size: 1.1rem; text-transform: uppercase; }
.du-an-excerpt { font-size: 0.8rem; }
#g-du-an-noi-bat .title-box { height: 50px; width: 100%; background: url(https://namdaongocproperty.com/wp-content/themes/hkt-simple/assets/images/favicon.png) no-repeat left center; display: flex; align-items: center; padding-left: 50px; padding-top: 15px; background-size: 35px; font-size: 1.5rem; position: relative; color: #af7817; text-transform: uppercase; border-bottom: 2px solid; margin-bottom: 20px; margin-top: 50px; }
#g-du-an-noi-bat .title-box:after { content: ""; position: absolute; background: #af7817; height: 10px; width: 10px; bottom: -6px; border-radius: 50%; left: 0; }
#g-du-an-noi-bat { background: url(https://ktmt.vnmediacdn.com/thumb_x600x/images/2023/12/11/84-1702260866-sunset-town.jpg) no-repeat center center; background-size: cover; position: relative; }
#g-du-an-noi-bat:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(255 255 255 / 85%); z-index: 0; }
.single-can-ho #ws-single-images { position: relative; }
.single-can-ho #ws-single-images:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(86, 54, 0, 0.75); z-index: 1; }
.single-can-ho #ws-single-images img, .post-image-category-canho img { margin: auto; object-fit: cover; object-position: center center; height: 300px !important; width: 100%; }
.single-can-ho #ws-single-images .du-an-title { position: absolute; z-index: 99; top: 40%; left: 60%; color: #fff; font-size: 3rem; font-family: "Dancing Script", cursive; }
.single-can-ho .row-summary .slick-slide img { width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; object-position: center; }
.gia-ban span { font-weight: 400; font-size: 1rem; }
.gia-ban { font-size: 2rem; font-weight: 700; }
.time-update-canho b { font-weight: 500; }
.time-update-canho { background: #e3be7d; color: #fff; padding: 5px 10px; font-size: 90%; }
.thongso-thumb { width: 30px; }
.thongso-info { width: calc(100% - 30px); padding-left: 10px; }
.thongso-ten a { color: #333; }
.thong-so-can-ho { background: #eee; border-radius: 6px; padding: 10px; font-size: 90%; }
.thongso-ten { font-size: 1.1rem; font-weight: 700; border-bottom: 1px solid #6e6e6e; }
.thongso-dientich { font-style: italic; font-size: 86%; padding-top: 3px; }
.thongso-dientich ul { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; list-style: none; /* Loại bỏ dấu chấm */ padding: 0; margin: 0; }
.thongso-dientich li { display: inline-block; /* Đảm bảo mỗi thẻ li hiển thị như một phần tử trên cùng một dòng */ margin-right: 15px; /* Khoảng cách giữa các thẻ li */ }
.thongso-diachi { color: #888; font-size: 95%; }
.thongso-diachi i { color: #af7817; font-size: 120%; padding-right: 5px; }
.trangthaicanho { padding: 4px 10px; color: #FF9800; background: #ffefd3; margin-right: 8px; font-size: 1rem; border-radius: 5px; border: 1px solid #FFC107; }
.g-widget-user-support { border: 1px solid #ddd; border-radius: 7px; padding: 15px; }
.g-widget-user-support .thumb-user img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; object-position: top; border-radius: 50%; padding: 4px; box-shadow: 0 0 7px 0px #a59796; border: 1px solid #ccc; }
.g-widget-user-support .w-user-block-1-right { padding-left: 15px; }
.g-widget-user-support .w-user-block-1-right .chucdanh { font-weight: 700; }
.g-widget-user-support .w-user-block-1-right .star { color: #e3be7d; }
.g-widget-user-support .w-user-hotline a { width: 100%; color: #ffffff; font-size: 23px; font-weight: 500; }
.g-widget-user-support .w-user-hotline { margin: 10px 0; width: 100%; background: #e3be7d; text-align: center; padding: 8px; border-radius: 50px; }
.g-widget-user-support .w-user-list-cam li { font-size: 90%; padding: 5px 0; }
.g-widget-user-support .w-user-list-cam li i { color: #af7817; }
.g-widget-user-support .w-user-block-4 form input, .w-user-block-4 form textarea { width: 100%; margin: 5px 0; }
.g-widget-user-support .w-user-block-4 { background: #fff7e8; padding: 15px; border-radius: 9px; text-align: center; }
.tien-ich-can-ho ul { display: flex; flex-wrap: wrap; margin: 5px 0 20px 0; }
.tien-ich-can-ho li { padding: 5px 0; font-size: 95%; width: 50%; }
.tien-ich-can-ho li:before { font-family: 'FontAwesome'; content: "\f046"; font-size: 16px; color: #e3be7d; margin-right: 7px; }
.can-ho-lien-quan .du-an-excerpt { display: none; }
.can-ho-lien-quan .du-an-info h2 { margin: 0; font-size: 1rem; text-transform: none; }

/* SEARCH HEADER */

/* Search Icon Button */
.search-icon { color: #ffffff; width: 50px; height: 50px; border-radius: 50%; display: flex; font-size: 20px; align-items: center; justify-content: center; cursor: pointer; transition: transform 0.3s ease, box-shadow 0.3s ease; z-index: 1000; }
.search-icon:hover { transform: scale(1.1); box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); }

/* Full-Screen Popup */
.search-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: opacity 0.5s ease, visibility 0.5s ease; z-index: 2000; }
.search-popup.active { opacity: 1; visibility: visible; }

/* Search Form */
.search-form { width: 100%; max-width: 600px; position: relative; transform: translateY(50px); opacity: 0; transition: transform 0.5s ease, opacity 0.5s ease; }
.search-popup.active .search-form { transform: translateY(0); opacity: 1; }
.search-input { width: 100%; padding: 15px 20px; font-size: 18px; border: none; border-radius: 50px; background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); outline: none; transition: box-shadow 0.3s ease; }
.search-input:focus { box-shadow: 0 0 25px rgba(0, 124, 186, 0.5); }

/* Close Button */
.close-search { position: absolute; top: 20px; right: 20px; color: white; font-size: 30px; cursor: pointer; transition: transform 0.3s ease; }
.close-search:hover { transform: rotate(90deg); }

/* Animation for Search Icon Pulse */
@keyframes pulse {
	0% { transform: scale(1); }
	50% { transform: scale(1.2); }
	100% { transform: scale(1); }
}
.search-icon:active { animation: pulse 0.3s ease; }
.khsd .flexslider .slides img { width: 100%; display: block; width: 100%; height: auto; aspect-ratio: 13 / 16; object-fit: cover; object-position: center; background: #ddd; }
.ve-chung-toi-center .vc_column-inner { padding: 0; }
.khsd h2.wpb_heading.wpb_gallery_heading { font-size: 100%; font-weight: 700; }
.khsd .flexslider { border: none; }
ul.cam-ket-chat-luong { display: flex; align-items: center; flex-wrap: nowrap; justify-content: space-between; font-weight: 700; }
ul.cam-ket-chat-luong li h3 { font-size: 115%; }
ul.cam-ket-chat-luong li { text-align: center; }
.kienvang-about { padding: 60px 0; }
.kv-uu-diem .title-box { color: #fea743; }
.kv-uu-diem li:before { font-family: 'FontAwesome'; content: "\f0da"; font-size: 110%; color: blue; margin-right: 10px; }
.kv-uu-diem li { padding: 5px 0px; border-bottom: 1px solid #ccc; }
.dv-kv .title-box { text-align: center; }
.sev-item { background: #202020; margin-bottom: 40px; color: #fff; }
.sev-item .title-box { font-size: 120%; padding: 20px; margin: 20px; }
.sev-item a { color: #ffca06; }
.sev-item { background: #202020; margin-bottom: 40px; color: #fff; padding-bottom: 35px; }
.sev-item li { margin-left: 15px; }
.sev-item li:before { font-family: 'FontAwesome'; content: "\f00c"; font-size: 110%; color: #ffca06; margin-right: 10px; }
.sev-item .link-box a { color: #202020; }
.sev-item .link-box { padding: 10px 30px; display: table; margin: auto; background: #feca07; border-radius: 50px; }
.style-2.quy-trinh-item {
    display: flex
;
    align-items: center;
    padding: 10px 0;
}
.style-2.quy-trinh-item img {
    width: 60px;
    height: 60px;
}
.style-2.quy-trinh-item .box-item-webseo-left {
    margin-left: 20px;
}
.style-2.quy-trinh-item .box-item-webseo-left h3 {
    font-size: 110%;
    font-weight: 700;
    margin: 0;
}
.kv-tin-tuc h2 {
    font-size: 105%!important;
    padding: 10px 0;
}
.kv-tin-tuc img {
    width: 100%;
    height: auto;
    aspect-ratio: 10 / 7;
    object-fit: cover;
    object-position: top;
}
.kv-tin-tuc .webseo-bai-viet-excerpt {
    text-transform: none;
    font-weight: 400;
    overflow: hidden;
    font-size: 90%;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    white-space: normal;
    -webkit-line-clamp: 2;
}
.kv-phan-hoi-khach-hang {
    padding: 40px 0 !important;
}
.kv-phan-hoi-khach-hang .title-box {
    text-align: center;
    color: #fd9e31;
}
.nguoi-kh .img-box img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}
.wsphanhoikh {
    width: 100%;
    background: #ffffff;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 6px;
}
.kv-cau-hoi-item h4 {
    font-size: 15px;
}
.wsboxtitlecontent.kv-tukhoa li {
    width: 50%;
    float: left;
    font-size: 85%;
    padding: 6px 0;
}
.wsboxtitlecontent.kv-tukhoa li:before { font-family: 'FontAwesome'; content: "\f00c"; font-size: 110%; color: #ffca06; margin-right: 10px; }





.box-about-header.py-5 {
    box-shadow: 1px 16px 13px 1px #d7d7d7;margin-bottom: 45px;
}
.single-page h2 {
    font-size: 180%;
    font-weight: 700;
}
.single-page h3 {
    font-size: 150%;
    font-weight: 700;
}
a.button-lienhe {
      display: inline-flex;
      align-items: center;
      gap: 0.75rem; /* 12px */
      background-color: #000000;
      color: #ffffff;
      border-radius: 9999px;
      padding: 0.75rem 1.5rem; /* py-3 px-6 */
      font-family: sans-serif;
      font-size: 1rem;
      text-decoration: none;
      overflow: hidden;
      position: relative;
    }
    a.button-lienhe.icon-wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 2rem; /* 32px */
      height: 2rem;
      border: 2px solid #ffffff;
      border-radius: 9999px;
      flex-shrink: 0;
      position: relative;
      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    }
    a.button-lienhe:hover .icon-wrapper {
      animation: slideRight 0.5s forwards;
    }
    @keyframes slideRight {
      0% {
        transform: translateX(0);
      }
      100% {
        transform: translateX(calc(100% + 1.5rem)); /* slide fully right beyond text */
      }
    }
    @keyframes slideRight {
      0% {
        transform: translateX(0);
      }
      100% {
        transform: translateX(calc(100% + 1.5rem)); /* slide fully right beyond text */
      }
    }
form.wpcf7-form.init {
    background: #eee;
    padding: 20px;
}
    form.wpcf7-form input, form.wpcf7-form label, form.wpcf7-form textarea {
    width: 100%;
    max-height: 60px;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: #222;
    color: #fff;
    max-width: 200px;
    margin: auto;
    display: table;
}
/* RESPONSIVE */
@media screen and (min-width:1601px) {
	.container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1370px; }
}
@media screen and (max-width:1600px) {
	.container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1600px; }
}
@media screen and (max-width:1200px) { }
@media screen and (min-width:992px) {
	#hkt-navigation .navigation { position: relative; width: calc(100% - 170px); }
	.dangkynhantin { width: 170px; }
	#hkt-navigation { display: flex; justify-content: space-between; float: none; align-items: center; border-radius: 6px; }
	.navigation ul li:first-child { border-left: none; }
	.navigation > ul > .current a, .navigation > ul > .current-menu-item a { background: transparent; }
	.navigation ul li a { text-transform: none; font-weight: 700; }
	.navigation ul li a, .navigation ul li a:link, .navigation ul li a:visited { display: inline-block; padding: 10px 12px; text-transform: uppercase; font-size: 14px; font-weight: 700; color: #fff; font-family: "Inter", sans-serif; border-radius: 50px; }
	.navigation ul li { border-right: none; }
	.navigation > ul > .current a, .navigation > ul > .current-menu-item a, .navigation ul li:hover > a { opacity: 0.7; }
	.box-news-widget1 { max-width: calc(100% - 320px); width: 100%; padding-left: 20px; }
	.box-search-widget1 { max-width: 320px; width: 100%; }
	.item-list .post-thumbnail { max-width: 180px; }
}
@media screen and (max-width:991px) {
	    .navigation .menu a, .navigation .menu .fa > a, .navigation .menu .fa > a {
        color: #ffffff !important;
        background: transparent;
    }
	.site-header-top { display: none; }
	.site-header-item.site-header-button { display: none; }
	.chu-slider-wrapper .vc_column_container.vc_col-sm-3 { width: 50% !important; float: left; }
	.chu-cta-item.chu-cta-item-1, .chu-cta-item.chu-cta-item-3 { border-radius: 0; }
	.box-item-webseo.style-2.chu-gioithieu-info { display: flex; flex-wrap: wrap; flex-direction: column; }
	.box-item-webseo.style-2.chu-gioithieu-info .img-box { width: 100%; }
	.box-item-webseo.style-2.chu-gioithieu-info .box-item-webseo-left { width: 100%; padding: 0; color: #333; font-size: 105%; text-align: justify; }
	.chu-gioithieu-title.p-4 { font-size: 140%; }
	.chu-kn-tbg .chu-kn-tbg-item { text-align: center; color: var(--color-secondary); margin: 15px 0; border-bottom: 2px dashed #ccc; padding-bottom: 30px; }
	.chu-trilieu-item-1, .chu-trilieu-item-3 { margin-top: 50px !important; }
	.chu-loiich-item { margin-bottom: 0; }
	.chu-gioithieu-title.p-4 { padding: 0 !important; }
	.dq-gth-v2 { max-width: 600px; margin: 0; padding: 20px; }
	.vc_tta-color-black.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-heading, .vc_tta-color-black.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body, .vc_tta-color-black.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body::after, .vc_tta-color-black.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body::before, .vc_tta-color-black.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body { border-color: #000000 !important; background-color: #000000 !important; }
	#dq-lg .du-an-excerpt { display: none; }
	.du-an-item h2 { font-size: 1rem; }
	#doi-tac .post-image { display: table; margin: auto; }
	#mobile-nav-toggle { color: #fff; position: relative; right: 0; top: 0; }
	#logo { margin: auto; display: table; padding-bottom: 10px; }
	.banner-header-top, .logs.flr, .box-search-widget1, .dangkynhantin, .b-footer-menu { display: none !important; }
	.can-ho-thumbnail { width: 110px; }
	.can-ho-info { padding-left: 8px; width: calc(100% - 110px); }
	.main-container { background: #fff; padding: 10px 0 0 0 ; }
	.can-ho-meta { flex-wrap: wrap; align-items: center; }
	.can-ho-meta span { width: 50%; margin: 0 !important; padding: 5px 0px !important; }
	.b-footer.container.p-0 { padding: 15px !important; }
	.container { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
	.can-ho-list .can-ho-meta span { width: 100% !important; font-size: 12px; margin: 0 !important; padding: 1px 0px !important; }
	.can-ho-title { font-size: 13px; }
	.col-md-9, .col-md-3 { padding: 0; }
	ul#menu_lien_ket_noi_bat { list-style: none; padding: 0; margin: 0 20px; text-align: center; }
	header#site-header {
    background: #fd9e31;
    color: #000;
}
.box-about-header.py-5 {
    box-shadow: none;
    margin-bottom: 45px;
    padding-top: 0 !important;
}
.box-about-header .row {
    flex-direction: column-reverse!important;
}
h1.title.entry-title {
    font-size: 160%;
    font-weight: 700;
    padding: 15px 0;
}
.single-page h2 {
    font-size: 120%;
    font-weight: 700;
}
.single-page h2 {
    font-size: 100%;
    font-weight: 700;
}
.wsphanhoikh {
    margin-bottom: 20px;
}
.wsboxtitlecontent.kv-tukhoa li {
    width: 100%;
    float: left;
    font-size: 90%;
    padding: 6px 0;
    border-bottom: 1px solid #ddd;
}
}
@media screen and (min-width:768px) {
	.col-md-3 { -ms-flex: 0 0 320px; flex: 0 0 320px; max-width: 320px; }
	.col-md-6 { -ms-flex: 0 0 calc(100% - 640px); flex: 0 0 calc(100% - 640px); max-width: calc(100% - 640px); }
	.col-md-9 { -ms-flex: 0 0 calc(100% - 320px); flex: 0 0 calc(100% - 320px); max-width: calc(100% - 320px); }
	.b-footer .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
}
@media screen and (max-width:768px) {
	.slider-wrapper-g .item.slide-item img { height: auto; }
	.npq-camket .vc_col-sm-1\/5 { width: 33%; margin-bottom: 35px; }
	.npq-camket { display: flex; flex-wrap: wrap; }
	.slider-wrapper .content-container:not(.has-excerpt) { position: none; display: block; }
	.slider-wrapper-g .content-container .excerpt { font-size: 6vh; opacity: 1; }
	.slider-wrapper-g .content-container h2 { font-size: 3vh; }
	.slider-wrapper-g .content-container .excerpt .ws-roperty { bottom: 4.5vh; left: 30%; }
	.g-info-camket-item { font-size: 13px; margin-bottom: 12px; }
	.g-camket-item img { width: 80px; }
	.g-camket-item .title-box { font-size: 12px; margin: 0; }
	#g-gia-tri-cot-loi:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(255 255 255 / 93%) !important; z-index: 0; }
	#g-gia-tri-cot-loi { background: #fff; background-size: cover; padding: 0; position: relative; }
	.g-tim-kiem-co-hoi .box-item-webseo-left { font-size: 16px; }
	.single-can-ho .can-ho-info.w-50 { width: 100% !important; padding: 15px; }
	.bg-duan-thumb { min-height: 300px !important; }
	.bg-duan-thumb img { height: 300px; }
	.bg-duan-thumb .title-duan { font-size: 1.2rem !important; }
	.description.mt-3.container { padding: 0; }
}
@media screen and (max-width:575px) {
	.du-an-item { width: 100% !important; max-width: 100% !important; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; }
}
@media screen and (max-width:480px) { }