/*
Theme Name: WebSeo Child
Theme URI:  https://webseo.comm.vn
Author: Huy Tập - nguyenhuytap@gmail.com
Author URI: https://webseo.comm.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=Montserrat: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=Montserrat: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=Montserrat:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,opsz,wght@0,9..144,100..900;1,9..144,100..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=Montserrat: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=Montserrat:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&family=Lexend+Deca:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root { --bg-in: #044a40; }
.bg-in { background: #044a40; }
a { color: #222; }
* { font-family: Roboto, sans-serif; }
.link-xem-chi-tiet:hover { background: #cc9a39; }
.text-default { color: #044a40 }
ol, ul { padding-left: 5px; }
body { margin: 0; padding: 0; font: 16px / 1.5 Roboto, sans-serif; width: 100%; background: #fafafa; font-family: Roboto, sans-serif; }
.bg-default { background: #044a40 }
.container-wrapper { max-width: 1600px; margin: auto; }
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li { margin-bottom: 20px; }
#logo { padding: 10px; }
.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; }
nav.navigation:not(.mobile-only) ul.menu>li>ul.sub-menu:before { border-bottom: 10px solid #044a40; }
nav.navigation:not(.mobile-only) ul ul, .navigation:not(.mobile-only) ul ul { background-color: #044a40; }
nav.navigation:not(.mobile-only) ul ul { padding: 15px 0; }
nav.navigation:not(.mobile-only) ul ul a { text-transform: none; }
.top-header {
    background: #006200;
    position: relative;
    background-color: #006200;
    background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.05) 0, rgba(255, 255, 255, 0.05) 1px, transparent 2px, transparent 5px);
}
.header-logo img { height: 120px; }
.main-menu-wrapper {
    display: flex;
    align-items: center;
    padding: 4px 0;
    height: auto;
    overflow: visible;
    position: relative;
    background: #eee!important;
}










.slider-wrapper .content-container, .sec-form-tu-van .content-container { display: flex; align-items: center; justify-content: center; text-align: right; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.slider-wrapper .info-slider-item, .sec-form-tu-van .info-slider-item { background-color: rgb(from #00344f r g b / 0.6); padding: 50px; color: #fff; }
.sec-form-tu-van .info-slider-item { padding: 100px 30px; }
.slider-wrapper .slider-sup-title, .sec-form-tu-van .slider-sup-title { font-family: Roboto, sans-serif; text-transform: uppercase; font-size: 250%; }
.slider-wrapper .content-container .slider-title, .sec-form-tu-van .slider-title { font-size: 160%; background: transparent; margin: 0; padding: 10px; font-family: Roboto, serif; font-weight: 400; }
.navigation ul li:hover > a { background: rgb(204 154 57 / 29%); color: #000000; }
.indo-product-title { font-size: 240%; background: transparent; margin: 0; padding: 10px; font-family: Roboto, sans-serif; font-weight: 400; }
.indo-category-product img { transition: transform 0.5s ease; }
.indo-category-product img:hover { background: #FFC107 !important; transform: rotate(4deg); box-shadow: 3px 5px 0px #000; border-radius: 6px; }
.sec-form-tu-van { background: url(/wp-content/uploads/2025/12/hinh-nen-hinh-anh-chua-giesu-dep-nhat.jpg) top;    background-size: cover; }
.sec-form-gtct { background: url(/wp-content/uploads/2025/12/hinh-nen-hinh-anh-chua-giesu-dep-nhat.jpg);     background-size: cover;}
.sec-form-gtct .info-slider-item { background: #00695fe8; max-width: 1000px; margin: 0 auto; padding: 60px 30px; }
.sec-form-tu-van-center { padding: 120px 0; }
.sec-form-gtct .slider-sup-title { 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: poMontserrat; 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: poMontserrat; 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: poMontserrat; 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 */ }
}
.sec-xu-huong-xay-dung .product-thumbnai img { width: 100%; height: auto; aspect-ratio: 13 / 16 !important; object-fit: cover; object-position: center; }
ul.xu-huong.products a.add_to_cart_button { display: none }
.thumb-category-project img { width: 100%; height: auto; aspect-ratio: 10 / 6 !important; object-fit: cover; object-position: center; }
footer#site-footer { font-size: 95%; }
#site-footer ul li { list-style: none; margin: 0; padding: 6px 0; font-size: 90%; }
#site-footer ul li:hover a { color: #cc9933; }
#site-footer ul a { color: #007a6d; }
.social-link svg path { fill: #044a40; }
.social-link svg { color: #044a40; width: 24px; height: 24px; }
.footer-w-item a { color: #044a40; }


/* THÔNG TIN CHI TIẾT GIÁO XỨ */
.thong-tin-giao-phan {
    background: #f8f9fa;
    padding: 15px 0 40px 0;
    border-radius: 10px;
}

.hk-title {
    font-weight: bold;
    color: #1f7a3f;
}

.hk-title span {
    font-size: 14px;
    color: #666;
}

.hk-giammuc-box img {
    width: 120px;
    border-radius: 50%;
    margin: 15px 0;
}

.hk-giammuc-box h4 {
    color: #1f7a3f;
    margin-bottom: 5px;
}

.hk-stat-box {
    display: flex;
    margin-top: 30px;
}

.hk-stat {
    margin-right: 40px;
    text-align: center;
}

.hk-stat span {
    display: block;
    color: #777;
}

.hk-stat strong {
    font-size: 22px;
    color: #000;
}

.hk-map-box img {
    width: 100%;
    max-width: 350px;
}

.hk-area {
    font-size: 18px;
    color: #666;
    display: block;
    margin-bottom: 10px;
}

.hk-giao-phan-buttons {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin-top: 30px;
}

.hk-btn {
    background: #0b7a3f;
    color: #fff;
    padding: 12px 10px;
    text-align: center;
    border-radius: 6px;
    font-weight: 600;
    text-decoration: none;
}

.hk-btn:hover {
    background: #095f31;
    color: #fff;
}

/* 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: 8px 20px; text-transform: none; font-weight: 700; font-size: 16px; color: #044a40; font-family: Roboto, 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; }
    #slider-ws-wrapper img.hkt-appear { width: 100%; height: auto; aspect-ratio: 1920 / 1080; object-fit: cover; object-position: center; border-radius: 6px; }
    .menu-item-has-children > a:after { display: none; }
    #hkt-navigation .menu-item-has-children > a, nav.navigation ul li.menu-item-has-children > a {
    padding-right: 20px;
}
.navigation ul li:hover > a {
    background: #ffc10721;
    color: #006200;
}
}
@media screen and (max-width:991px) {
    .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: 0; }
    .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: 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; }
    .header-row-left { width: 70px; }
    .header-row-center { width: calc(100% - 140px); }
    .header-row-right { width: 70px; }
    .header-row-center { display: flex; justify-content: center; }
    .navigation .menu a, .navigation .menu .fa > a, .navigation .menu .fa > a { color: #ffffff !important; background: transparent; width: 100%; }
    .nav-header.mobile-only.d-block.d-lg-none { position: absolute; right: 10px; bottom: 8px; }
    #slider-ws-wrapper img { width: 100%; height: auto; aspect-ratio: 1920 / 1080 !important; object-fit: cover; object-position: center; }
    .slider-wrapper .info-slider-item, .sec-form-tu-van .info-slider-item { padding: 20px; height: 100%; }
    .slider-wrapper .content-container .slider-title, .sec-form-tu-van .slider-title { font-size: 115%; }
    a.hkt-btn div { padding: 4px 10px !important; font-size: 12px !important; line-height: 1.2 !important; border-radius: 4px !important; margin-top: 8px !important; }
    .indo-product-title { font-size: 150%; }
    .indo-category-product.py-5 { padding: 20px 0 !important; }
    .sidebar-left.bg-white.border-right { border: none !important; }
    .sec-form-gtct .slider-sup-title { text-transform: none; font-size: 90%; }
    .container.category-product-wrapper .row.border-top { flex-direction: column-reverse; margin: 0; }
    .home header.header-wrapper { position: relative; z-index: 9999; }
    .single .card {
    padding: 0 !important;
    box-shadow: none !important;
}
}
@media screen and (min-width:768px) {
    .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; }
    .category-content header.woocommerce-products-header { text-align: center; }
    .category-content .woocommerce-result-count { display: none; }
    #logo img { height: 60px; }
    .slider-wrapper .slider-sup-title, .sec-form-tu-van .slider-sup-title { font-size: 96%; }
}
@media screen and (max-width:575px) {
    .woocommerce .woocommerce-ordering, .woocommerce .woocommerce-ordering select { margin: 0; width: 100%; }
    .alert.bg-in { padding: 0.5rem 1rem; font-size: 14px; }
    .alert.bg-in .about-top { font-size: 14px; text-align: center; line-height: 1.4; padding: 0 40px; }
    .alert.bg-in .btn { padding: 2px 8px; font-size: 12px; line-height: 1.2; border-radius: 4px; }
    .alert.bg-in .btn a { text-decoration: none; display: block; }
    .alert.bg-in .btn-close { top: 5px; right: 10px; font-size: 1rem; }
    .item-heart.mr-5 { margin-right: 5px !important; }
    header.header-wrapper .container { padding: 0; }

    /* Ẩn icon-h-left */
    .icon-h-left { display: none !important; }

    /* Giảm padding header mobile */
    .header-row-left, .header-row-center, .header-row-right { padding: 0 5px; }

    /* Logo co nhỏ lại */
    .header-logo img { max-height: 90px !important; }

    /* Giảm khoảng cách giữa các cột header */
    .header-row-left, .header-row-center, .header-row-right { flex: 1 1 auto; text-align: center; }

    /* Right chỉ hiện icon, ẩn chữ */
    .header-row-right .item-heart span, .header-row-right .item-contact span { display: none; }
    .header-row-right .item-heart i, .header-row-right .item-contact i { font-size: 18px; }
    .header-row-right .header-right-item { gap: 10px; }
    .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) { }