/*
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=Dancing+Script:wght@400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');
body { padding: 0; margin: 0; background-color: #fff; font-size: 16px; line-height: 1.6875; color: #404040; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: clip; font-weight: normal; letter-spacing: 0; -ms-word-wrap: break-word; word-wrap: break-word; word-break: break-word; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; fill: currentColor; font-family: "Quicksand", sans-serif; font-family: "Roboto", sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: "Roboto", sans-serif; font-weight: 500; }
:root { --color-primary: #FF5722; --color-secondary: #0e204d; --color-tertiary: #435ba1; --rgb-color-primary: 33, 205, 192; --rgb-color-secondary: 14, 32, 77; --rgb-color-tertiary: 67, 91, 161; }
.btn, button, .button, input[type="submit"] { background-color: var(--color-primary); font-size: 15px; color: #fff; text-transform: capitalize; padding: 0 25px; line-height: 46px; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; -webkit-border-radius: 25px; -khtml-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; position: relative; display: inline-block; text-align: center; cursor: pointer; font-weight: 700; border: 2px solid var(--color-primary); }
a { color: var(--color-secondary) }
@keyframes fadeInLeft {
    to { opacity: 1; transform: translateX(0); }
}
:root { --anhmo: rgba(86, 54, 0, 0.75); --mauxam: #ddb163; --bgxam: linear-gradient(to right, #efd378, #ab7f15, #ebbd4b); }

/* Đặt opacity ban đầu là 0 để ẩn phần tử */
.moveDown, .moveTop, .moveLeft, .moveRight { opacity: 0; transform: translateY(20%); /* Dự phòng cho các hiệu ứng ban đầu */ transition: opacity 0.5s ease, transform 0.5s ease; }

/* Hiệu ứng di chuyển xuống */
@keyframes moveDown {
    0% { transform: translateY(-20%); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}
.moveDown.animate { opacity: 1; transform: translateY(0); }

/* Hiệu ứng di chuyển lên */
@keyframes moveTop {
    0% { transform: translateY(20%); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}
.moveTop.animate { opacity: 1; transform: translateY(0); }

/* Hiệu ứng di chuyển sang trái */
@keyframes moveLeft {
    0% { transform: translateX(20%); opacity: 0; }
    100% { transform: translateX(0); opacity: 1; }
}
.moveLeft.animate { opacity: 1; transform: translateX(0); }

/* Hiệu ứng di chuyển sang phải */
@keyframes moveRight {
    0% { transform: translateX(-20%); opacity: 0; }
    100% { transform: translateX(0); opacity: 1; }
}
.moveRight.animate { opacity: 1; transform: translateX(0); }

/* DEFAULT CSS */
.site-header-top { background-color: #283b6a }
.site-header-top .row { justify-content: space-between }
.site-header-top .emergency-wrap { position: relative; align-self: flex-end; text-align: center }
.site-header-top .emergency-wrap .h-emergency { display: inline-flex; height: 50px; padding: 10px 20px 0; background-color: #fff; color: var(--color-secondary); border-radius: 8px 8px 0 0; font-size: 13px; cursor: pointer; position: relative }
.site-header-top .emergency-wrap .h-emergency:after { content: ""; font-family: "Font Awesome 5 Pro"; font-size: 11px; position: absolute; bottom: 7px; left: 50%; transform: translateX(-50%); font-weight: bold; line-height: 1 }
.site-header-top .emergency-wrap .emergency-content { min-width: 260px; padding: 30px 30px 22px; background-color: #fff; -webkit-border-radius: 0 0 10px 10px; -khtml-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -ms-border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; -webkit-box-shadow: 0 5px 83px 0 rgba(14, 32, 77, 0.15); -khtml-box-shadow: 0 5px 83px 0 rgba(14, 32, 77, 0.15); -moz-box-shadow: 0 5px 83px 0 rgba(14, 32, 77, 0.15); -ms-box-shadow: 0 5px 83px 0 rgba(14, 32, 77, 0.15); -o-box-shadow: 0 5px 83px 0 rgba(14, 32, 77, 0.15); box-shadow: 0 5px 83px 0 rgba(14, 32, 77, 0.15); position: absolute; top: 100%; transform: translateY(20px); left: 0; z-index: 1; opacity: 0; visibility: hidden; -webkit-transition: all 300ms ease 0s; -khtml-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s }
.site-header-top .emergency-wrap .emergency-content a:hover { color: var(--color-primary) !important }
.site-header-top .emergency-wrap .emergency-content p { margin-bottom: 22px }
.site-header-top .emergency-wrap .emergency-content.active { opacity: 2; visibility: visible; transform: translateY(0) }
.site-header-top .header-top-item { display: flex; align-items: center; line-height: 50px; margin-left: 30px }
.site-header-top .header-top-item:first-child { margin-left: 0 }
.site-header-top .header-top-item i { color: #43d5cb; margin-right: 10px }
.site-header-top .header-top-item i.fac-phone { transform: rotate(90deg) }
.site-header-top .header-top-item .header-top-item-inner, .site-header-top .header-top-item .header-top-item-inner a { font-size: 13px; color: #f4f4f4 }
.site-header-top .header-top-left { font-size: 14px; margin: 0 15px; display: flex; align-items: center }
.site-header-top .header-top-left i { color: #788fc8 }
.site-header-top .header-top-right { margin: 0 15px; display: flex; align-items: center }
.site-header-top .header-top-right .site-header-social a { display: inline-flex; align-items: center; justify-content: center; font-size: 13px; width: 22px; height: 22px; border-radius: 50%; background-color: var(--color-primary); color: var(--color-secondary); margin-right: 5px }
.site-header-top .header-top-right .site-header-social a:hover { transform: translateY(-2px) }
.site-header-top .header-top-right .site-header-search { padding-left: 30px; margin-left: 25px; position: relative }
.site-header-top .header-top-right .site-header-search input { padding: 3px; background: transparent; border: none; color: #eee; }
.site-header-top .header-top-right .site-header-search button.search-submit { background: transparent; border: none; color: #fff; font-size: 20px; }
.site-header-top .header-top-right .site-header-search:before { content: ""; display: block; width: 2px; height: 27px; background-color: rgba(255, 255, 255, 0.15); position: absolute; left: 0; top: 50%; transform: translateY(-50%) }
.site-header-main .site-tool .site-header-button { margin-left: 10px; }
#logo img { height: 110px; width: auto; }
.site-header-item.site-header-button i { padding-right: 5px; }
.chu-slider-wrapper { padding: 100px 50px; }
.chu-slider-wrapper .wsboxtitlecontent .title-box { vertical-align: inherit; text-align: left; line-height: 1.1; letter-spacing: -1px; font-weight: 700; font-size: 7vh; color: var(--color-secondary); }
.chu-slider-wrapper .wsboxtitlecontent .boxcontent { font-size: 20px; line-height: 1.4; padding: 20px 0; color: var(--color-secondary); }
.chu-icon-slider-item { display: flex; flex-direction: column-reverse; font-size: 13px; color: var(--color-secondary); align-items: center; }
.chu-icon-slider-item figure { height: 90px; width: 90px; display: inline-block; vertical-align: top; margin: 0; background: #fff; border-radius: 50%; }
.chu-icon-slider-item figure img { padding: 25px; }
.chu-icon-slider-item:hover figure { background: var(--color-primary); }
.chu-cta { margin-top: -65px; }
.chu-cta .box-item-webseo.style-2 { display: flex; flex-wrap: wrap; }
.chu-cta .box-item-webseo.style-2 .img-box { width: 70px; height: 70px; padding: 10px; }
.chu-cta .box-item-webseo.style-2 .box-item-webseo-left { width: calc(100% - 70px); }
.chu-cta-item { background: #21cdc0; color: #fff; min-height: 250px; }
.chu-cta-item.chu-cta-item-1 { background: #21cdc0; color: #fff; border-radius: 20px 0 0 20px; }
.chu-cta-item.chu-cta-item-2 { background: #3851a2; color: #fff; }
.chu-cta-item.chu-cta-item-3 { background: #2d4990; color: #fff; border-radius: 0 20px 20px 0; }
.chu-cta-item img { filter: brightness(0) invert(1); }
.phone-cta, .dathen-cta { display: table !important; margin: auto; }
.phone-cta a, .dathen-cta a { background: transparent !important; color: #fff !important; font-size: 115% !important; }
.chu-gioithieu-title h2 { line-height: 1.2; }
.chu-gioithieu-title.p-4 { font-size: 200%; color: #4a4a4a; line-height: 1.3; }
.box-item-webseo.style-2.chu-gioithieu-info { display: flex; flex-wrap: wrap; flex-direction: row-reverse; }
.box-item-webseo.style-2.chu-gioithieu-info .img-box img { border-radius: 40px; padding: 7px; border: 1px solid var(--color-primary); }
.box-item-webseo.style-2.chu-gioithieu-info .img-box { width: 30%; }
.box-item-webseo.style-2.chu-gioithieu-info .box-item-webseo-left { width: calc(100% - 30%); padding: 20px; color: #333; font-size: 110%; text-align: justify; }
.chu-cacloaitebao { background: #eafaf9; margin-top: 100px; }
.chu-gioithieu-title p { font-size: 18px; }
.chu-kn-tbg { -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; padding: 15px; -webkit-box-shadow: 0px 5px 15px 0 rgba(14, 32, 77, 0.15); -khtml-box-shadow: 0px 5px 15px 0 rgba(14, 32, 77, 0.15); -moz-box-shadow: 0px 5px 15px 0 rgba(14, 32, 77, 0.15); -ms-box-shadow: 0px 5px 15px 0 rgba(14, 32, 77, 0.15); -o-box-shadow: 0px 5px 15px 0 rgba(14, 32, 77, 0.15); box-shadow: 0px 5px 15px 0 rgba(14, 32, 77, 0.15); -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; margin: 30px 0; background-color: #fff; position: relative; overflow: hidden; }
.chu-kn-tbg .chu-kn-tbg-item { text-align: center; color: var(--color-secondary); margin: 30px 0; }
.chu-kn-tbg .chu-kn-tbg-item img { height: 100px; width: auto; }
.chu-kn-tbg h3.title-box { font-size: 18px; }
.chu-kn-tbg .link-box a { color: var(--color-primary); }
.chu-kn-tbg h3.title-box a { color: var(--color-secondary); }
.chu-trilieu { max-width: 1000px; margin: auto; padding-bottom: 100px; }
.chu-trilieu-item-1, .chu-trilieu-item-3 { margin-top: 250px !important; }
.box-item-webseo.style-1.chu-trilieu-tbg-item { font-weight: 700; font-size: 18px; color: var(--color-secondary); }
.chu-loiich-item { background-color: #fff; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 5px 83px 0 rgba(14, 32, 77, 0.08); -khtml-box-shadow: 0 5px 83px 0 rgba(14, 32, 77, 0.08); -moz-box-shadow: 0 5px 83px 0 rgba(14, 32, 77, 0.08); -ms-box-shadow: 0 5px 83px 0 rgba(14, 32, 77, 0.08); -o-box-shadow: 0 5px 83px 0 rgba(14, 32, 77, 0.08); box-shadow: 0 5px 83px 0 rgba(14, 32, 77, 0.08); position: relative; margin: 15px 0px; }
.chu-loiich-item img { padding: 15px; }
.chu-loiich-item .title-box { font-size: 18px; min-height: 100px; padding: 15px !important; }
.chu-loiich-item:hover { background: #fff; border-radius: 10px; padding: 0; transform: translateY(-10px); }
.chu-loiich-item { margin-bottom: 40px; }
.chu-quytrinh-item .link-box a { color: var(--color-secondary); }
.chu-quytrinh-item .link-box { background: var(--color-primary); padding: 10px 20px; display: table; margin: 20px auto; border-radius: 40px; }
.chu-quytrinh-item { -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; padding: 40px; -webkit-box-shadow: 0px 5px 15px 0 rgba(14, 32, 77, 0.15); -khtml-box-shadow: 0px 5px 15px 0 rgba(14, 32, 77, 0.15); -moz-box-shadow: 0px 5px 15px 0 rgba(14, 32, 77, 0.15); -ms-box-shadow: 0px 5px 15px 0 rgba(14, 32, 77, 0.15); -o-box-shadow: 0px 5px 15px 0 rgba(14, 32, 77, 0.15); box-shadow: 0px 5px 15px 0 rgba(14, 32, 77, 0.15); -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; margin: 30px 0; background-color: #fff; position: relative; overflow: hidden; }
header#site-header { background: transparent; box-shadow: none; position: absolute; z-index: 999; width: 100%; }
.slider-wrapper-g .item.slide-item .post-image { position: relative; }
.slider-wrapper-g .item.slide-item .post-image::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(255 255 255 / 39%); /* Màu nền với opacity 75% */ z-index: 1; }
.slider-wrapper-g .item.slide-item .post-image img { display: block; width: 100%; height: auto; }
.slider-wrapper-g .item.slide-item .post-image img, .slider-header-stp-fix .item.slide-item .post-image img { margin: auto; object-fit: cover; object-position: center center; height: 100vh; width: 100%; animation: zoominoutsinglefeatured 0s infinite; }
.tl-logo { width: 380px; }
.tl-menu-wrapper-center { width: calc(100% - 450px); }
.tl-header-right { width: 70px; }
.tl-header-right .button-search { background: transparent; border: none; color: #f1c960; font-size: 1.4rem; }
.navigation a { color: #fff; }
.navigation > ul > .current a, .navigation > ul > .current-menu-item a, .navigation ul li:hover > a { background: transparent; color: #6ec1e4 }
.slider-wrapper-g .item.slide-item img { margin: auto; object-fit: cover; object-position: center center; height: 100vh; width: 100%; animation: zoominoutsinglefeatured 0s infinite; }
.slider-wrapper-g .content-container { z-index: 1; display: flex; align-items: center; justify-content: flex-start; text-align: left; width: 100%; height: 100%; position: absolute; left: 0; top: 0; align-content: center; }
.slider-wrapper-g .content-container h2 {    text-shadow: 1px 2px 3px #000; font-size: 7vh; font-weight: 500; background: transparent; padding: 0; margin: 0; text-transform: none; font-family: "Dancing Script", cursive; }
.slider-wrapper-g .content-container .excerpt {
    font-size: 11.8vh;
    opacity: .9;
    color: #009d4f !important;
    text-shadow: 4px 3px 3px #ffffff;
    background: var(--bgxam);
    -webkit-background-clip: text;
    color: #ff000000;
    text-transform: uppercase;
    font-weight: 700;
}.slider-wrapper-g .content-container .excerpt .ws-roperty { font-size: 4.8vh; background: transparent; font-weight: 400; text-transform: none; color: #fff; position: relative; bottom: 6vh; left: 44vh; font-family: 'Dancing Script'; }
.slider-wrapper-g .text-shadow { text-shadow: 0 0 10px rgba(0, 0, 0, .7); font-size: 6vh; font-weight: 500; background: transparent }
.slider-wrapper-g .item.slide-item .btn-action a { border: #ffc10794 1px solid; display: table; padding: 10px 20px; color: #fff; border-radius: 0 }
.slider-wrapper-g .item.slide-item .btn-action a:hover { background: rgb(191 142 99 / 28%) }
.du-an-thumbnail img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: center; border-radius: 10px 10px 0 0; }
.du-an-info { background: #ffffffc4; padding: 5px 15px; text-align: center; border-radius: 0 0 10px 10px; color: #222;     border: 1px solid #ccc;}
.du-an-info h2 { margin: 0; font-size: 14px; text-transform: uppercase; }
ul.can-ho-info li {
    margin-bottom: 6px;color: #303030;
}
.du-an-excerpt,ul.can-ho-info li { 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: #00934d; 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: #00934d; 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.44); 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; }
.du-an-title a {
    color: #fff;
}.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: #00934d; 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;
    position: sticky;
    z-index: 999;
    top: 0;
}
.g-widget-user-support .thumb-user img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; object-position: center; border-radius: 50%; padding: 10px; 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  img {
    height: auto!important;
    padding: 10px;
}
.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: 20px; 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-hotline:hover {
    background: #009688;
}
.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: #00934d; }
.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; }
.post-info-category-canho { position: absolute; top: 105px; width: 100%; left: 0; right: 0; z-index: 99; }
.post-info-category-canho h2 { font-family: "Dancing Script", cursive; font-size: 2rem !important; }
.postsby.category.title { color: #fff; }
.post-info-category-canho .title.entry-title:before, .post-info-category-canho .postsby.category.title:before { background: #222; color: #fff; }
.wsboxthanhtuu { background: #fff; border-width: 0 0 0 0; border-style: solid solid solid solid; border-color: rgba(176, 169, 134, 1) rgba(176, 169, 134, 1) rgba(176, 169, 134, 1) rgba(176, 169, 134, 1); box-shadow: 4px 3px 4px 0 rgba(0, 0, 0, 0.09); overflow: hidden; transform: translateZ(0); margin: 35px 10px; padding: 15px; border-radius: 6px; }
.wsboxthanhtuu .title-box span { font-size: 1rem; font-family: 'Roboto'; color: #896624; }
.wsboxthanhtuu .title-box { font-weight: 700; background: #bd973a91; padding: 6px 15px; }
.wsboxthanhtuu .boxcontent ul { list-style: square; padding-left: 35px; }
.wsboxthanhtuu .linklienket { color: #896624; text-align: right; float: right; font-size: 85%; }
.wsphanhoikh { background: rgb(255 255 255 / 86%); padding: 15px; border-radius: 14px; }
.wsphanhoikh .title_phay { text-align: center; font-size: 3rem; line-height: 1; height: 60px; padding: 0; margin: 0; }
.wsphanhoikh .boxcontent { font-size: 16px; font-style: italic; }
.wsphanhoikh img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; object-position: top; border: 4px solid #fff; border-radius: 50%; box-shadow: 1px 2px 3px #a77a2b; }
.wsphanhoikh .title_chucdanh { font-size: 80%; }
.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(#00934d, #ffffff); padding: 50px 10px; text-align: center; font-size: 2rem; 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; }

/* Hiệu ứng zoom tự động cho hình ảnh */
@keyframes zoomIn {
    0% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
.footer-w-item button i, .footer-w-item button svg { color: #ffffff; }
.slide-item .post-image img { animation: zoomIn 10s infinite ease-in-out; width: 100%; height: auto; display: block; }
.site-header-search form input[type="text"] { width: calc(100% - 80px); }
.site-header-search form { margin-right: 30px; }
.g-info-camket { position: absolute; bottom: 0; z-index: 9; background: rgb(0 0 0 / 35%); width: 100%; padding: 20px; color: #fff; }
.g-info-camket-item { padding-left: 30px; transform: translateX(-100px); animation: fadeInLeft 1s forwards; font-family: 'Roboto'; font-style: italic; }
.g-info-camket-item::before { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 25px; height: 25px; background: url(/wp-content/uploads/2024/09/icon-camket.png) no-repeat; background-size: 25px; filter: invert(72%) sepia(100%) saturate(394%) hue-rotate(-44deg) brightness(1.2); }
.giang-giantricotloi-wrapper { padding: 30px; font-size: 1.5rem; font-weight: 400; letter-spacing: 5px; font-family: 'Roboto'; text-align: right; }
.giang-giantricotloi-wrapper:before { content: ""; height: 4px; background: var(--mauxam); position: absolute; z-index: 9; left: 0; top: 49px; width: calc(100% - 415px); float: left; }
.giang-giantricotloi-wrapper p { background: var(--bgxam); -webkit-background-clip: text; color: transparent; text-transform: uppercase; }
#g-gia-tri-cot-loi { background: url(/wp-content/uploads/2024/09/banner-a.jpg) no-repeat center center; background-size: cover; padding: 50px 0; position: relative; }
#g-gia-tri-cot-loi:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(255 255 255 / 93%); z-index: 0; }
.g-camket-item { position: relative; }
.g-camket-item .img-box img { filter: sepia(100%) saturate(561%) hue-rotate(10deg) brightness(1.9); border-radius: 50%; }
.g-camket-item .caption-box { display: none; opacity: 0; /* Ẩn đi bằng cách sử dụng độ mờ */ transition: opacity 0.3s ease, transform 0.3s ease; /* Thêm hiệu ứng chuyển đổi cho opacity và vị trí */ transform: translateY(10px); /* Đặt vị trí ban đầu cho hiệu ứng chuyển động */ animation: moveDown 0.6s ease-in-out 0.2s backwards; }
.g-camket-item:hover .caption-box { display: block; position: absolute; z-index: 999; top: 0; padding: 7px 10px; background: var(--bgxam); border-radius: 7px; color: #fff; opacity: 1; /* Hiển thị bằng cách thay đổi độ mờ */ transform: translateY(0); /* Chuyển về vị trí ban đầu */ }
#g-tim-kiem-co-hoi { background: linear-gradient(to top, rgb(255 255 255 / 0%) 85%, rgb(255 255 255 / 94%) 85%), url(/wp-content/uploads/2024/12/4750fca7d2c86f63b12230814750-anh-2-nha-tho-do-ba-vi.jpg) no-repeat center right; background-size: cover; position: relative; }
#g-tim-kiem-co-hoi:before { content: ''; position: absolute; top: 15%; left: 0; width: 100%; height: 100%; background: rgb(129 87 13 / 89%); z-index: 0; background-size: 100% 85%; }
.g-tim-kiem-co-hoi { display: flex; align-items: center; }
.g-tim-kiem-co-hoi .img-box img { width: 100%; height: auto; aspect-ratio: 13 / 21; object-fit: cover; object-position: top; /* Di chuyển ảnh lên trên thêm 20px */ }
.g-tim-kiem-co-hoi .img-box { width: 30%; }
.g-tim-kiem-co-hoi .box-item-webseo-left { width: 70%; font-size: 3.2rem; color: #fff; padding-left: 20px; }
.can-ho-sap-ra-mat { background: linear-gradient(to top, rgb(255 255 255 / 0%) 100%, rgb(255 255 255 / 94%) 100%), url(/wp-content/uploads/2024/12/4750fca7d2c86f63b12230814750-anh-2-nha-tho-do-ba-vi.jpg) no-repeat center right; background-size: cover; padding-bottom: 30px; position: relative; }
.can-ho-sap-ra-mat:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(129 87 13 / 89%); z-index: 0; background-size: 100% 100%; }
.can-ho-sap-ra-mat .title-box { padding: 30px; font-size: 2.5rem; font-weight: 400; letter-spacing: 5px; background: var(--bgxam); -webkit-background-clip: text; color: transparent; text-transform: uppercase; font-family: 'Roboto'; text-align: right; }
.can-ho-sap-ra-mat .title-box:before { content: ""; height: 4px; background: var(--mauxam); position: absolute; z-index: 9; left: 0; top: 63px; width: calc(100% - 330px); float: left; }


/* Hiệu ứng zoom khi di chuột cho văn bản và nút bấm */
.slide-item h2, .slide-item .btn-action { transition: transform 0.5s ease-in-out; }
.slide-item:hover h2, .slide-item:hover .btn-action { transform: scale(1.1); }
.slide-item .btn-action { background-color: #ffffff; border: 1px solid #ccc; color: #333; padding: 10px 20px; border-radius: 5px; display: inline-block; text-decoration: none; }
.slide-item .btn-action:hover { background-color: #f0f0f0; }
#dq-gth .vc_column-inner, #dq-gth .wpb_button, #dq-gth .wpb_content_element, #dq-gth ul.wpb_thumbnails-fluid>li { padding: 0 !important; margin-bottom: 0 !important; }
.dq-gth-v2 { max-width: 600px; margin: 50px; }
.box-item-webseo.style-3.dq-doinet .dq-gt-a1 { display: flex; justify-content: space-between; align-items: center; }
.box-item-webseo.style-3.dq-doinet .dq-gt-a1 .dq1-e { font-size: 1.2rem; font-weight: 500; color: #888; text-transform: uppercase; }
.box-item-webseo.style-3.dq-doinet .dq-gt-a1 .dq1-f { font-size: 3rem; font-weight: 700; }
.dq-gth-v2 .vc_tta-tab>a { background-color: transparent !important; color: #666; border-bottom: 2px solid #ccc; }
.dq-gth-v2 .vc_tta-panels { background-color: transparent !important; }
.dq-gth-v2 li.vc_tta-tab.vc_active { border-bottom: 4px solid #e12729; }
.dq-gth-v2  .vc_tta-tab>a { padding: 7px 20px; }
.vc_tta.vc_tta-spacing-5 .vc_tta-tab { border-bottom: 4px solid #ddd; }
.dq-gth-v2  .vc_tta-panel-body { display: block; margin-top: 15px; }
#dq-lg .custom-slider-container { position: relative; width: 100%; }
#dq-lg .dqlg-tit { color: #fff; }
#dq-lg .dqlg-tit h2 { font-size: 2.4rem; font-family: 'Roboto'; font-weight: 500; }
.vc_tta-color-black.vc_tta-style-modern .vc_tta-tab.vc_active>a { border-color: #000000 !important; background-color: #FF5722 !important; color: #fff !important; }
.vc_tta-color-black.vc_tta-style-modern.vc_tta-tabs .vc_tta-panels { background-color: #000000 !important; }
.vc_tta-color-black.vc_tta-style-modern.vc_tta-tabs .vc_tta-panels, .vc_tta-color-black.vc_tta-style-modern.vc_tta-tabs .vc_tta-panels::after, .vc_tta-color-black.vc_tta-style-modern.vc_tta-tabs .vc_tta-panels::before { border-color: #000000 !important; }
.du-an-list { color: #b3b3b3; }
.du-an-list h2 a { color: #222; }
#doi-tac .slide-item .post-image img { height: 60px; width: auto; }
footer#site-footer { clear: both; background: #282828; color: #c3c3c3; }
#site-footer .footer-w-item ul a { color: #bdbdbd; }

/* cta */
#button-contact-vr { right: 0; position: fixed; bottom: 0; z-index: 99999 }
#button-contact-vr .button-contact { position: relative; margin-top: -5px }
#button-contact-vr .button-contact .phone-vr { position: relative; visibility: visible; background-color: transparent; width: 90px; height: 90px; cursor: pointer; z-index: 11; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); transition: visibility .5s; left: 0; bottom: 0; display: block }
.phone-vr-circle-fill { width: 65px; height: 65px; top: 12px; left: 12px; position: absolute; box-shadow: 0 0 0 0 #c31d1d; background-color: rgba(230, 8, 8, 0.7); border-radius: 50%; border: 2px solid transparent; -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out; animation: phone-vr-circle-fill 2.3s infinite ease-in-out; transition: all .5s; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animuiion: zoom 1.3s infinite; animation: zoom 1.3s infinite }
.phone-vr-img-circle { background-color: #e60808; width: 40px; height: 40px; line-height: 40px; top: 25px; left: 25px; position: absolute; border-radius: 50%; overflow: hidden; display: flex; justify-content: center; -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out; animation: phone-vr-circle-fill 1s infinite ease-in-out }
.phone-vr-img-circle a { display: block; line-height: 37px }
.phone-vr-img-circle img { max-height: 25px; max-width: 27px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%) }
#instagram-vr .phone-vr-circle-fill { background: rgb(17, 143, 253); background: linear-gradient(160deg, rgba(17, 143, 253, 1) 20%, rgba(188, 60, 218, 1) 50%, rgba(253, 223, 5, 1) 80%); background-size: contain; box-shadow: 0 0 0 0 #c840c9; background-color: rgb(79 103 254); border: 0 }
#instagram-vr  .phone-vr-img-circle { background: transparent }
#telegram-vr .phone-vr-circle-fill { box-shadow: 0 0 0 0 #2c9fd8; background-color: rgb(44 159 216 / 74%) }
#telegram-vr .phone-vr-img-circle { background: #2c9fd8 }
@-webkit-keyframes phone-vr-circle-fill {
    0% { -webkit-transform: rotate(0) scale(1) skew(1deg) }
    10% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg) }
    20% { -webkit-transform: rotate(25deg) scale(1) skew(1deg) }
    30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg) }
    40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg) }
    50% { -webkit-transform: rotate(0) scale(1) skew(1deg) }
    100% { -webkit-transform: rotate(0) scale(1) skew(1deg) }
}
@-webkit-keyframes zoom {
    0% { transform: scale(.9) }
    70% { transform: scale(1); box-shadow: 0 0 0 15px transparent }
    100% { transform: scale(.9); box-shadow: 0 0 0 0 transparent }
}
@keyframes zoom {
    0% { transform: scale(.9) }
    70% { transform: scale(1); box-shadow: 0 0 0 15px transparent }
    100% { transform: scale(.9); box-shadow: 0 0 0 0 transparent }
}
.phone-bar a { position: absolute; margin-top: -65px; left: 30px; z-index: -1; color: #fff; font-size: 16px; padding: 7px 15px 7px 50px; border-radius: 100px; white-space: nowrap }
.phone-bar a:hover { opacity: 0.8; color: #fff }
@media(max-width:736px) {
    .phone-bar { display: none }
}
#zalo-vr .phone-vr-circle-fill { box-shadow: 0 0 0 0 #2196F3; background-color: rgba(33, 150, 243, 0.7) }
#zalo-vr .phone-vr-img-circle { background-color: #2196F3 }
#viber-vr .phone-vr-circle-fill { box-shadow: 0 0 0 0 #714497; background-color: rgba(113, 68, 151, 0.8) }
#viber-vr .phone-vr-img-circle { background-color: #714497 }
#contact-vr .phone-vr-circle-fill { box-shadow: 0 0 0 0 #2196F3; background-color: rgba(33, 150, 243, 0.7) }
#contact-vr .phone-vr-img-circle { background-color: #2196F3 }
div#whatsapp-vr .phone-vr .phone-vr-circle-fill { box-shadow: 0 0 0 0 #1fd744; background-color: rgb(35 217 72 / 70%) }
div#whatsapp-vr .phone-vr .phone-vr-img-circle { background: #1cd741 }
div#whatsapp-vr .phone-vr .phone-vr-img-circle img { max-width: 100%; max-height: 100%; border-radius: 50% }
#fanpage-vr img { max-width: 35px; max-height: 35px }
#fanpage-vr .phone-vr-img-circle { background-color: #1877f2 }
#fanpage-vr .phone-vr-circle-fill { box-shadow: 0 0 0 0 rgb(24 119 242 / 65%); background-color: rgb(24 119 242 / 70%) }
#gom-all-in-one .button-contact { transition: 1.6s all; -moz-transition: 1.6s all; -webkit-transition: 1.6s all }
#button-contact-vr.active #gom-all-in-one .button-contact { margin-left: -100% }
#all-in-one-vr .phone-bar { position: absolute; top: 50%; transform: translateY(-50%); left: 100%; color: #fff; padding: 5px 15px 5px 48px; border-radius: 50px; margin-left: -64px; width: max-content; cursor: pointer }
#popup-showroom-vr, div#popup-form-contact-vr { display: none }
#popup-showroom-vr.active, div#popup-form-contact-vr.active { display: block; position: fixed; width: 100%; height: 100vh; top: 0; left: 0; z-index: 99999 }
.bg-popup-vr { position: absolute; left: 0; top: 0; background: rgb(51 51 51 / 50%); width: 100%; height: 100vh }
.content-popup-vr { background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 95%; border-radius: 5px; box-shadow: 0 0 14px 5px rgb(0 0 0 / 49%); max-width: 600px; display: flex }
.content-popup-vr input, .content-popup-vr textarea { width: 100%; max-height: 100px; min-height: 38px; border: 1px solid #b1b1b1; margin-bottom: 10px; padding: 0 7px; background: #fff }
.content-popup-vr label { width: 100% }
.content-popup-vr input.wpcf7-form-control.wpcf7-submit { max-width: fit-content; padding: 5px 32px 2px; background: #2196f3; border: 0; color: #fff; font-size: 16px; border-radius: 5px; margin: 10px auto 0; display: block; box-shadow: 0 0 5px 1px rgb(0 0 0 / 29%); font-weight: 400; min-height: auto; line-height: 30px }
.content-popup-vr input.wpcf7-form-control.wpcf7-submit:hover { opacity: 0.7 }
.content-popup-vr .close-popup-vr { font-family: sans-serif; width: 23px; height: 23px; background: black; position: absolute; top: -10px; right: -10px; color: #fff; text-align: center; line-height: 23px; font-size: 17px; border-radius: 50%; cursor: pointer }
.content-popup-vr .close-popup-vr:hover { background: #b50000 }
.content-popup-vr .content-popup-div-vr { width: 100%; padding: 25px }
.content-popup-vr .content-popup-img-vr { width: 100%; max-width: 45%; border-radius: 10px 0 0 10px; overflow: hidden }
#loco-top, #loco-bottom { display: block }
#loco-top .content-popup-img-vr, div#popup-form-contact-vr #loco-bottom .content-popup-img-vr { max-width: 100%; text-align: center }
#contact-showroom.no-event a { pointer-events: none }
.content-popup-vr .content-popup-div-vr ul { color: #333; list-style: none; font-size: 15px }
@media(max-width:673px) {
    div#popup-form-contact-vr .content-popup-vr { display: block }
    div#popup-form-contact-vr .content-popup-vr .content-popup-img-vr { max-width: 100%; display: none }
}
#ftiktok-vr .phone-vr-img-circle { background-color: #020202; }
#tiktok-vr .phone-vr-circle-fill { box-shadow: 0 0 0 0 rgb(2 2 2 / 55%); background-color: rgb(2 2 2 / 60%); }
#tiktok-vr  .phone-vr-img-circle img { max-width: 90%; max-height: 90%; }
#tiktok-vr .phone-vr-img-circle { background: #020202; }
.archive.post-type-archive.post-type-archive-project .post-box-title, .archive.post-type-archive.post-type-archive-du-an .post-box-title { background: #262626; padding: 15px; }
.archive.post-type-archive.post-type-archive-project .post-box-title a, .archive.post-type-archive.post-type-archive-du-an .post-box-title a { color: #eee; }
h1.title.entry-title a, h1.postsby.category.title a { color: #222; }
h1.title.entry-title, h1.postsby.category.title { text-align: center; font-weight: 400; text-transform: uppercase; font-size: 2.3rem; position: relative; padding-bottom: 20px; margin-bottom: 30px; }
h1.title.entry-title:before, h1.postsby.category.title:before { position: absolute; content: ""; height: 2px; width: 170px; bottom: 0; left: 0; right: 0; display: table; margin: auto; background: #222; }
.post-listing .post-box-title>a, .related-posts .post-box-title>a { font-weight: 500; }

/* RESPONSIVE */
@media screen and (min-width:1601px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1250px; }
}
@media screen and (max-width:1600px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1200px; }
}
@media screen and (max-width:1200px) { }
@media screen and (min-width:992px) {
    .chu-trilieu-item-1, .chu-trilieu-item-3 { margin-top: 85px !important; }
    #hkt-navigation .navigation { position: relative; display: table; margin: auto; background: #00934d; }
    .navigation ul li a { text-transform: none; }
}
@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: #f1c960; top: 26px; }
}
@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;
}

}
@media screen and (max-width:575px) {
    .tl-logo { width: 225px; }
    #logo img { height: 35px; width: auto; }
    #mobile-nav-toggle { color: #f1c960; top: 26px; }
    .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) { }