:root {
    --bg-primary: #3B0D12;
    --bg-elevated: #4A121A;
    --bg-deep: #1E0609;
    --bg-overlay: rgba(20, 5, 10, 0.55);

    --gold-light: #F1E075;
    --gold-mid: #D4AF5A;
    --gold-dark: #AE7F41;
    --gold-grad: linear-gradient(135deg, var(--gold-light) 0%, var(--gold-dark) 100%);
    --gold-grad-h: linear-gradient(to right, var(--gold-light) 0%, var(--gold-dark) 100%);

    --text-primary: #ffffff;
    --text-muted: rgba(255, 255, 255, 0.75);
    --text-on-gold: #2F0A10;

    --border-gold: rgba(241, 224, 117, 0.35);
    --border-subtle: rgba(255, 255, 255, 0.08);

    --pattern-url: url('/vendor/images/pattern-damask.png');
    --pattern-size: 300px;
    --pattern-opacity: 0.25;
}
body {
    background-color: var(--bg-primary);
    background-image: var(--pattern-url);
    background-size: var(--pattern-size) var(--pattern-size);
    background-repeat: repeat;
    background-position: center;
    font-family: 'Roboto', sans-serif;
    color: var(--text-primary);
    position: relative;
}
body::before {
    content: '';
    position: fixed;
    inset: 0;
    background: var(--bg-primary);
    opacity: calc(1 - var(--pattern-opacity));
    z-index: -1;
    pointer-events: none;
}
/*body:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 30%;*/
/*    background-image: linear-gradient(to right, #000000a1, #09090900);*/
/*    z-index: -1;*/
/*    height: 100%;*/
/*}*/

/*body:after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 0;*/
/*    width: 30%;*/
/*    background-image: linear-gradient(to right, #00000000, #000000a1);*/
/*    z-index: -1;*/
/*    height: 100%;*/
/*}*/
/* Fluid viewport: layout depends on browser width, không có trần.
   Gutter scale tuyến tính theo vw — sàn 16px cho mobile, không cap trần. */
.container {
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: max(16px, 3vw);
    padding-right: max(16px, 3vw);
}
/* megamenu.css đặt .wsmain max-width:1300px → cap main nav ở ultrawide.
   Bỏ trần để menu trải theo col-sm-5 ở mọi tỉ lệ. */
.wsmain {
    max-width: none;
}
/* Off-canvas drawer open state — bypass mọi media/specificity quirk
   trong megamenu.css để đảm bảo drawer trượt vào khi .wsoffcanvasopener
   được JS add vào .wsmenucontainer. */
.wsmenucontainer.wsoffcanvasopener .wsmain {
    left: 0 !important;
}
.wsmenucontainer.wsoffcanvasopener .overlapblackbg {
    display: block !important;
}
/* Breakpoint unification: mobile drawer + hamburger áp dụng đến 1199.98px.
   Trước đây megamenu.css cut-off ở 1180 nên 1181-1200 là dead zone
   (hamburger ẩn + desktop nav cũng ẩn). */
@media (max-width: 1199.98px) {
    .wsmobileheader {
        display: block !important;
    }
    /* Hamburger chiếm góc trái → phone trong .info-company phải ẩn
       để tránh overlap. Phone vẫn có trong drawer/footer. */
    #header-row-48 .info-company {
        display: none;
    }
    .menu-fix-mobile .wsmain {
        width: 270px;
        left: -270px;
        height: calc(100vh + 60px);
        overflow-y: scroll;
        position: fixed;
        top: 0;
        margin: 0;
        float: none;
        background-color: #fff;
        z-index: 103;
        transition: all 0.2s ease-in-out;
        max-width: none;
    }
    .menu-fix-mobile .animated-arrow {
        position: fixed;
        left: max(16px, 3vw);
        top: 14px;
        z-index: 102;
        padding: 12px;
        cursor: pointer;
    }
    .menu-fix-mobile .animated-arrow span,
    .menu-fix-mobile .animated-arrow span:before,
    .menu-fix-mobile .animated-arrow span:after {
        cursor: pointer;
        height: 2px;
        width: 23px;
        background: var(--gold-mid, #dabe63);
        position: absolute;
        display: block;
        content: '';
    }
    .menu-fix-mobile .animated-arrow span:before { top: -7px; }
    .menu-fix-mobile .animated-arrow span:after { top: 7px; }
    .menu-fix-mobile .wsoffcanvasopener .animated-arrow {
        left: calc(270px + max(16px, 3vw));
    }
    .menu-fix-mobile .wsoffcanvasopener .animated-arrow span {
        background-color: transparent;
    }
    .menu-fix-mobile .wsoffcanvasopener .animated-arrow span:before {
        top: 0;
        transform: rotate(45deg);
        background: #424242;
    }
    .menu-fix-mobile .wsoffcanvasopener .animated-arrow span:after {
        top: 0;
        transform: rotate(-45deg);
        background: #424242;
    }
}
@media (min-width: 1200px) {
    .wsmobileheader {
        display: none !important;
    }
}
div#header {
    background: var(--bg-primary);
}
.header-tablet {
    display: none;
}
.header-top .logo {
    /*display: none;*/
}
#ban-dieu-hanh-hoangkim-tcd li {
    width: 16.6%;
    padding: 0 3px;
    float: left;
    list-style: none;
}
#ban-dieu-hanh-hoangkim-tcd li p {
    font-size: 13px;
}
#ho_so_nang_luc .modal-dialog .menu-footer-vertical{
    padding: 10px;
}
.owl-pagination {
    width: fit-content;
    margin: 0 auto;
    background: rgb(51 51 51 / 92%);
    border-radius: 5px 5px 0 0;
}
.notice {
    background: none!important;
}
.btn:active {
    background: #eb0606!important;
}
.menu-noi-that .megamenu {
    width: 110%;
    left: 50%;
}
.wstliststy02 li:hover {
    font-weight: bold;
    cursor: pointer;
}
.form-group {
    min-height: 35px;
}
.form-group.form-captcha {
    display: flex;
    overflow: hidden;
}
.form-captcha .captcha-img {
    height: 30px;
}
.form-captcha .captcha-reload {
    margin-right: 10px;
}
.form-captcha .text {
    width: 100%;
    text-align: right;
}
.form-captcha input[type="text"] {
    text-transform: lowercase;
}
.form-captcha .captcha-input {
    height: 30px;
    margin-top: 2px;
    background: var(--bg-primary);
    border-style: solid;
    border: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right bottom, var(--gold-light), var(--gold-dark));
}
.form-captcha .btn-reload-captcha {
    color: #fff;
}
.form-captcha-home {
    margin-bottom: 0;
    padding-top: 16px;
    padding-left: 10px;
}
.form-captcha-home  .captcha-input {
    width: 100%;
}
.breadcrumb {
    margin-top: 10px !important;
} 

blockquote {
    border-left: 5px solid red!important;
    padding: 5px 20px;
    margin-top: 20px;
    font-size: 16px;
}
blockquote p {
    font-style: italic;
}
.fa-menu {
    vertical-align: super;
    color: #e4ce6b;
    font-size: 10px;
}
.fa-menu-mobile {
    display: inline-block!important;
    vertical-align: super;
    font-size: 10px!important;
    color: red!important;
    margin-left: -5px;
}

.popup-content-show-customs .modal-content {
    max-height: 100%;
    /*height: calc(100vh - 100px);*/
    max-width: 100%;
    margin-left: 0;
}
.modal-content .img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cate-product-toc {
    display: flex;
    justify-content: center;
}
.cate-product-toc .toc-link a {
    background-image: var(--gold-grad-h);
    display: block;
    height: 34px;
    margin-bottom: 20px;
    text-align: center;
    line-height: 34px;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    padding: 0 20px;
    margin: 5px;
}
.p-0 {
    padding: 0;
}
.row {
    margin-right: -7.5px;
    margin-left: -7.5px;
}
.scoll-bottom-mobile{
    display: none;
}

[class^="col-"] {
    padding-right: 7.5px;
    padding-left: 7.5px;
}
.background-gradient {
    background-image: var(--gold-grad-h);
}
.background-black-right {
    background-image: linear-gradient(to right, var(--bg-primary), var(--bg-deep));
}
.background-ri-right {
    background-image: linear-gradient(to right, var(--bg-elevated), var(--bg-primary));
}

.background-black-right {
    background-image: linear-gradient(to right, var(--bg-primary), var(--bg-deep));
}
.backgroud-border-black {
    display: inline-block;
    padding: 8px 25px;
    border-style: solid;
    border: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right bottom, var(--gold-light), var(--gold-dark));
    background: linear-gradient(135deg, var(--gold-dark), var(--gold-light));
    background-image: linear-gradient(to right, var(--bg-primary), var(--bg-deep));
}
.mb-0 {
    margin-bottom: 0;
}
.py-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
.py-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
}
.py-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
.py-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
}
.mb-10{
    margin-bottom: 10px;
}
.px-10{
    padding: 0 10px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pt-20 {
    padding-top: 20px !important;
}
.pt-30 {
    padding-top: 30px !important;
}
.pt-40 {
    padding-top: 40px !important;
}
.pt-50 {
    padding-top: 50px !important;
}
.pt-35 {
    padding-top: 35px !important;
}
.pb-20 {
    padding-bottom: 20px !important;
}
.pb-35 {
    padding-bottom: 35px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}
.pb-40 {
    padding-bottom: 40px !important;
}
.pb-50 {
    padding-bottom: 50px !important;
}
.mb-10 {
    margin-bottom: 10px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}
.mb-40 {
    margin-bottom: 40px !important;
}
.mb-50 {
    margin-bottom: 50px !important;
}

/*header*/
.wsmenu-list > li > .navtext.active {
    background: -webkit-linear-gradient(135deg, var(--gold-light), var(--gold-dark));
    background: var(--gold-grad-h);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}
.wsmenu-list > li:first-child a {
    padding-left: 0;
}

.wsmenu-list > li:last-child a {
    padding-right: 0;
}
.info-company ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.info-company ul li {
    display: inline-block;
    padding: 10px 0;
}
.info-company ul li:first-child a {
    border-right-width: 1px;
    padding-left: 0;
    border-style: solid;
    border-left-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-image: linear-gradient(to bottom, var(--gold-dark), var(--gold-dark)) 1 100%;
}
.info-company ul li a {
    font-size: 12px;
    padding: 0 10px;
    font-weight: 900;
    background: linear-gradient(135deg, var(--gold-dark), var(--gold-light));
    text-fill-color: transparent;
    background-clip: text;
    background: -webkit-linear-gradient(135deg, var(--gold-dark), var(--gold-light));
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.info-company ul li a i {
    font-size: 12.5px;
    background:
    -moz-linear-gradient(top, #e72c83 0%, #a742c6 100%);
    background: -webkit-linear-gradient(top, var(--gold-dark) 0%, var(--gold-light) 100%);
    background: linear-gradient(to bottom, var(--gold-dark) 0%, var(--gold-light) 100%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color:transparent;
    margin-right: 10px;
    padding-left: 1px;
}
.menu-top li:nth-child(2) a, .menu-top li:nth-child(3) a {
    color: #f5c879;
}
.header-main>.container>.row>div:nth-child(1) {
    width: calc(50% - 47px);
}
@media (min-width:1200px){
    .header-top>.container>.row>div:nth-child(2){
        width: 130px;
    }
    .header-top>.container>.row>div:nth-child(1), .header-top>.container>.row>div:nth-child(3){
        width: calc(50% - 65px);
    }
    .header-top>.container>.row>div {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .contact-yeu-cau-right>.form-group>.row>div {
        width: 100% !important;
    }
}
.header-main>.container>.row>div:nth-child(2) {
    width: 94px;
    padding: 0;
}

.header-main>.container>.row>div:nth-child(3) {
    width: calc(50% - 47px);
}

.header-main>.container>.row>div:nth-child(3) .wsmenucontainer {
    float: right;
    width: 100%;
}

.header-main {
    position: relative;
}

.header-main:before, #footer:before {
    content: '';
    position:
    absolute;
    width:100%;
    height: 1px;
    background: linear-gradient(to left, var(--gold-dark), var(--gold-light), var(--gold-dark));
    top: 0;
    left:0;
}


.btn-header-top a {
    display: block;
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    color: #000;
    font-weight: 500;
    font-size: 12px;
}

.header-top>.container>.row {display: flex;align-items: center;}
.btn-header-top>a>svg {
    position: relative;
    top: 2px;
    margin-right: 2px;
}
#search-type input.form-control {
    height: 30px;
    padding: 0;
}

.box-search>.form-inline>.form-group>.input-group input.form-control {
    height: 30px;
    background: #000;
    border-color: #b08243;
    width: 135px;
    color: #fff;
    padding-right: 25px;
}
#search-type ul.dropdown-menu {
    min-width: 100px;
    border-radius: 0;
    border: 0;
}

#search-type ul.dropdown-menu>li>a {
    font-size: 12px;
    padding: 5px 10px;
    color: #000;
}
.header-top {
    padding: 3px 0;
}
/*header*/

/*kien_truc*/
.section-title-center, .section-title-center.section-title-slogan .title-slogan-center {
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    background: -webkit-linear-gradient(135deg, var(--gold-light), var(--gold-dark));
    background: var(--gold-grad-h);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    display: table;
    margin: 0 auto;
    position: relative;
    margin-bottom: 55px;
    text-transform: uppercase;
    line-height: 45px;
}
.section-title-center.section-title-slogan .title-slogan-center {
    margin-bottom: 10px !important;
}

.section-title-center.section-title-slogan .slogan {
    font-size: 20px;
    color: #fff !important;
    text-align: center;
    background: none;
    -webkit-text-fill-color: #fff;
    font-weight: normal;
}
.title-slogan .slogan {
    font-size: 22px;
    color: #fff;
    text-align: center;
}

.title-slogan .section-title-center {
    margin-bottom: 10px;
}
.section-title-center:after {
    content: '';
    position: absolute;
    bottom: -35px;
    width: 153px;
    height: 31px;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(/uploads/plugin/custom_img/2022-07-13/vector.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.title-slogan .section-title-center:after {bottom: -75px;}
.title-slogan {
    margin-bottom: 50px;
}
.mighty-slider .image img {
    width: 100%;
}

.content-architecture {
    color: #fff;
    text-align: center;
    line-height: 1.6;
}
.section-architecture-hoangkim-tcd {
    position: relative;
    margin-bottom: 20px;
}

.section-architecture-hoangkim-tcd:before {
    content: '';
    position: absolute;
    bottom: -20px;
    width: 100%;
    height: 1px;
    background: linear-gradient(to left, var(--gold-dark), var(--gold-light), var(--gold-dark));
}
/*kien_truc*/

/* dich-vu */
.video-item-left-service iframe {
    width: 100%;
    aspect-ratio: 16/9;
    height: auto;
}

.description-item-left-service {
    color: #fff;
    font-size: 14px;
    margin-bottom: 20px;
    text-align: justify;
}
span.icon {
    height: 4.4vw;
    display: inline-block;
    background-image: linear-gradient(135deg,#ffffff 0%,#ffffff 100%);
    transition: all .5s;
    width: 100px;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: repeat;
    -webkit-mask-position: center;
    mask-repeat: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
}
.service-item-center .active>a {
    border-style: solid;
    border: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right bottom, var(--gold-light), var(--gold-dark));
    background: linear-gradient(135deg, var(--gold-dark), var(--gold-light));
    background-image: linear-gradient(to right, var(--bg-elevated), var(--bg-primary));
}

.service-item-center>ul>li>a {
    text-align: center;
    font-weight: 500;
    display: block;
    width: 100%;
    border-style: solid;
    border: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right bottom, #f1e07500, #ae7f4100);
    background: linear-gradient(135deg, var(--gold-dark), var(--gold-light));
}

.service-item-center .active>a>.name, .service-item-center>ul>li>a:hover>.name {
    background: -webkit-linear-gradient(135deg, var(--gold-light), var(--gold-dark));
    background: var(--gold-grad-h);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}

.service-item-center>ul>li {
    float: none;
    margin: 0;
}

.service-item-center>ul>li>a:hover {
    background: no-repeat;
    border-image-source: linear-gradient(to right bottom, var(--gold-light), var(--gold-dark));
    background-image: linear-gradient(to right, var(--bg-elevated), var(--bg-primary));
}
.service-item-center .active>a span.icon, .service-item-center>ul>li>a:hover span.icon {
    background-image: var(--gold-grad);
}

.service-item-center>ul>li>a>.name {
    color: #fff;
    font-size: 13px;
}
.item-service-right .img-service {
    position: relative;
    padding-top: 83%;
}

.item-service-right .img-service img, .video-item-left-service .img-left img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: 100% !important;
}
.video-item-left-service .img-left {
    position: relative;
    padding-top: 67%;
}


/*video*/

.light-gallery-show .image-wrapper {
    position: relative;
    padding-top: 56%;
}

.light-gallery-show .image-wrapper i.fa, .light-gallery-video i.fa, .banner-ytb i.fa, .item-list-video.nh-video-item i.fa, .video-item-left-service .img-left i.fa{
    position: absolute;
    margin: auto;
    font-size: 50px;
    color: #FF0000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.image-wrapper .image-title {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: 1.1s;
    display: none;
    font-weight: 700;
    width: auto;
    text-align: center;
    background: linear-gradient(to right, var(--bg-elevated), var(--bg-primary));
    padding: 5px 20px;
    width: 80%;
}

 .image-wrapper:hover .image-title {
    opacity: 1;
    display: inline-block;
}
.image-wrapper:hover .image-title>span {
    background: -webkit-linear-gradient(135deg, var(--gold-light), var(--gold-dark));
    background: var(--gold-grad-h);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}
.light-gallery-show .image-wrapper:hover i.fa, .light-gallery-video:hover i.fa, .banner-ytb:hover i.fa, .item-list-video.nh-video-item:hover i.fa, .video-item-left-service .img-left:hover i.fa {
    background: -moz-linear-gradient(top, #e72c83 0%, #a742c6 100%);
    background: -webkit-linear-gradient(top, var(--gold-dark) 0%, var(--gold-light) 100%);
    background: linear-gradient(to bottom, var(--gold-dark) 0%, var(--gold-light) 100%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.light-gallery-show.item-video-right a.nh-video-item:first-child .image-wrapper {
    margin-bottom: 16px;
}

.light-gallery-show .image-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.box-gallery.box-gallery-top-right .light-gallery>.row {
    margin-right: -10px;
    margin-left: -10px;
}

.box-gallery.box-gallery-top-right .light-gallery>.row>div {
    padding-right: 10px;
    padding-left: 10px;
}

.item-video-right  .image-wrapper.fancybox-gallery {
    padding-top: 55.4%;
}
.link-all-video {
    text-align: center;
    margin-top: 20px;
}

.link-all-video>a {
    font-size: 13px;
    text-transform: uppercase;
    color: var(--gold-mid);
    display: inline-block;
    padding: 8px 15px;
    border-style: solid;
    border: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right bottom, var(--gold-light), var(--gold-dark));
    background: linear-gradient(135deg, var(--gold-dark), var(--gold-light));
    background-image: linear-gradient(to right, var(--bg-elevated), var(--bg-primary));
}
.backgroud-border-gr {
    font-size: 13px;
    color: var(--gold-mid);
    display: inline-block;
    padding: 8px 15px;
    border-style: solid;
    border: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right bottom, var(--gold-light), var(--gold-dark));
    background: linear-gradient(135deg, var(--gold-dark), var(--gold-light));
    background-image: linear-gradient(to right, var(--bg-elevated), var(--bg-primary));
}
.link-all-video>a>span, .menu-footer-vertical .btn-content .btn-submit>span.name {
    background: -webkit-linear-gradient(135deg, var(--gold-light), var(--gold-dark));
    background: var(--gold-grad-h);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}
/*video*/
/*bao_chi*/
.item-partner {
    background: #fff;
    padding-top: 40%;
    position: relative;
}

.item-partner img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: contain;
    padding: 10px;
}

.block-news.box-partners>.row {
    margin-right: -7.5px;
    margin-left: -7.5px;
}

.block-news.box-partners .item {
    padding-right: 7.5px;
    padding-left: 7.5px;
}


.owl-theme .owl-controls .owl-buttons div {
    margin: 0 !important;
    width: 22px;
    height: 22px;
    top: 50%;
    transform: translateY(-50%);
    border-style: solid;
    border: 1px solid;
    padding: 0;
    background: #081929;
    border: 1px solid #d1b15c;
    border-radius: 50%;
    opacity: 0;
    transition: 1.1s;
}
#content-row-43 .owl-theme .owl-controls .owl-buttons div {
    top: 40%;
}

.owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: 7.5px;
    width: 22px;
    height: 22px;
}

.owl-theme .owl-controls {
    margin-top: 0;
}

.owl-theme .owl-controls .owl-buttons div.owl-next {
    right: 7.5px;
}

.owl-theme .owl-controls .owl-buttons div:before {
    font-family: 'FontAwesome';
    content: '\f104';
    padding: 0;
    /*background: -moz-linear-gradient(top, #e72c83 0%, #a742c6 100%);*/
    /*background: -webkit-linear-gradient(top, var(--gold-dark) 0%, var(--gold-light) 100%);*/
    /*background: linear-gradient(to bottom, var(--gold-dark) 0%, var(--gold-light) 100%);*/
    /*-webkit-background-clip: text;*/
    /*-moz-background-clip: text;*/
    /*background-clip: text;*/
    /*-webkit-text-fill-color: transparent;*/
    font-size: 15px;
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #cdac44;
}

.owl-theme .owl-controls .owl-buttons div.owl-next:before {
    content: '\f105';
}

.block-news.box-partners:hover .owl-theme .owl-controls .owl-buttons div {
    opacity: 1;
}
/*bao_chi*/

/*san_pham*/
.product-detail h2 span {
    color: #fff!important;
}
.product-detail h3 span {
    color: #fff!important;
}
.product-detail h4 span {
    color: #fff!important;
}
.product-detail .intro-detail span {
    color: #fff!important;
}
.product-detail span {
    text-decoration: none !important;
}
.product-detail a span {
    text-decoration: none !important;
    color: #fff;
}
.product-detail ul li {
    margin-bottom: 5px;
}
.product-detail ul li span {
    color: #fff!important;
}
.content-house ul, ol {
    margin-left: 15px;
}
.box-product-tab-home .list-tab>.list-title-txt>.item-tab-home {
    padding: 0 15px;
    list-style: none;
    border-right: 1px solid #FDD869;
    margin: 0;
    display: flex;
    justify-content: center;
    box-sizing: content-box;
}
/*.box-product-tab-home .list-tab>.list-title-txt>.item-tab-home:hover {*/
/*    padding: 0 5px;*/
/*}*/
.box-product-tab-home .list-tab>.list-title-txt>.item-tab-home>a:hover {
    border-style: solid;
    border: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right bottom, var(--gold-light), var(--gold-dark));
    background: linear-gradient(135deg, var(--gold-dark), var(--gold-light));
    background-image: linear-gradient(to right, var(--bg-elevated), var(--bg-primary));
    border-radius: 0;
    font-size: 12px;
    padding: 8px 10px;
}
.box-product-tab-home .list-tab>.list-title-txt {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    line-height: 1;
}

.box-product-tab-home .list-tab>.list-title-txt>.item-tab-home>a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    border: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right bottom, var(--gold-light), var(--gold-dark));
    background: linear-gradient(135deg, var(--gold-dark), var(--gold-light));
    background-image: linear-gradient(to right, var(--bg-elevated), var(--bg-primary));
    border-radius: 0;
    font-size: 11px;
    padding: 8px 8px;
    width: 100%;
}

.box-product-tab-home .list-tab>.list-title-txt>.item-tab-home:last-child {
    border: 0;
}
.box-product-tab-home .list-tab {
    margin-bottom: 30px;
}
.item-product .info .info-build>ul>li {
    list-style: none;
    color: #fff;
    font-size: 13px;
    display: flex;
}

.item-product .info .info-build>ul>li>span>i {
    color: var(--gold-mid);
    margin-right: 5px;
    width: 13px;
}

.item-product .info .info-build>ul>li>span {
    flex: 0 0 50%;
    max-width: 50%;
}
.content-product-list .list-category>.row {
    margin-right: -7.5px;
    margin-left: -7.5px;
}

.content-product-list .list-category>.row>div {
    padding-right: 7.5px;
    padding-left: 7.5px;
}

/*banner*/
.banner-register .img img {
    width: 100%;
    height: 22vw;
    object-fit: cover;
}

.banner-register .img img {
    width: 100%;
    height: 22vw;
    object-fit: cover;
}

.banner-register .content-register {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 60%;
    right: 0;
    text-align: center;
}

.banner-register {
    position: relative;
}

.banner-register .img::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.55) 100%);
    pointer-events: none;
}

.banner-register .content-register p {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0;
    font-family: serif;
    text-shadow: 0 1px 4px rgba(0,0,0,0.5);
}

.banner-register .content-register .link-banner a {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    background: #cb030b;
    height: 60px;
    display: inline-block;
    padding: 0 30px;
    line-height: 60px;
    margin-top: 20px;
    position: relative;
}
.banner-register .content-register .link-banner a:before {
    content: '';
    position: absolute;
    left: 5px;
    height: calc(100% - 10px);
    background: var(--gold-light);
    width: 1px;
    top: 5px;
}

.banner-register .content-register .link-banner a:after {
    content: '';
    position: absolute;
    right: 5px;
    height: calc(100% - 10px);
    background: var(--gold-dark);
    width: 1px;
    top: 5px;
}

.banner-register .content-register .link-banner a>span:before {
    content: '';
    position: absolute;
    right: 5px;
    width: calc(100% - 10px);
    height: 1px;
    bottom: 4px;
    background-image: var(--gold-grad-h);
}

.banner-register .content-register .link-banner a>span:after {
    content: '';
    position: absolute;
    right: 5px;
    width: calc(100% - 10px);
    height: 1px;
    top: 4px;
    background-image: var(--gold-grad-h);
}
/*banner*/
/*kien_truc_24h*/
.section-title-left>span {
    font-size: 22px;
    font-weight: 700;
    background: -webkit-linear-gradient(135deg, var(--gold-light), var(--gold-dark));
    background: var(--gold-grad-h);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    position: relative;
}

.section-title-left {
    margin: 0;
    margin-bottom: 35px;
}
.section-title-left>span:before {
    content: '';
    position: absolute;
    left: 0;
    width: 65px;
    height: 3px;
    bottom: -10px;
    background-image: var(--gold-grad-h);
}
.nav-tabs-03.nav-tabs>li.active>a, .nav-tabs-03.nav-tabs>li>a:hover {
    border-style: solid;
    border: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right bottom, var(--gold-light), var(--gold-dark));
    background: linear-gradient(135deg, var(--gold-dark), var(--gold-light));
    background-image: linear-gradient(to right, var(--bg-elevated), var(--bg-primary));
    border-radius: 0;
    font-size: 14px;
    padding: 10px 20px;
}
.nav-tabs-03.nav-tabs>li.active>a>span {
    background: -webkit-linear-gradient(135deg, var(--gold-light), var(--gold-dark));
    background: var(--gold-grad-h);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}

.nav-tabs-03.nav-tabs>li>a>span {
    color: #fff;
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 14px;
}
.nav-tabs>li>a {
    border: 1px solid #fff0;
    padding: 10px 20px;
}


ul.nav.nav-tabs.nav-tabs-03 {border-bottom: 1px solid #af8142;}
.list-item-article {
    margin-bottom: 10px;
    padding-bottom: 10px;
    /*border-bottom: #af8142  1px solid;*/
    border-bottom: rgb(175 129 66 / 0.6)  1px solid;
}

.list-item-article>.item-blogs>.item-left {
    flex: 0 0 35%;
    max-width: 35%;
}

.list-item-article>.item-blogs {
    display: flex;
}

.list-item-article>.item-blogs>.info {
    flex: 0 0 65%;
    max-width: 65%;
    padding-left: 15px;
}

.list-item-article>.item-blogs>.item-left>.img-blogs {
    position: relative;
    padding-top: 60%;
}

.list-item-article>.item-blogs>.item-left>.img-blogs img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.list-item-article .title-blogs-item {
    height: auto;
    margin-top: 0;
    margin-bottom: 10px;
}

.list-item-article .title-blogs-item>a {
    color: #fff;
    font-size: 15px !important;
    font-weight: 700;
}
.more-blogs span.time {
    /*background: -webkit-linear-gradient(135deg, #f1e075, #AE7F41);*/
    /*background: linear-gradient(to right, #f1e075 0%, #ae7f41 100%);*/
    background: linear-gradient(to right, #c1b775 0%, #ad8754 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}

/*kien_truc_24h*/

/*form_phong_thu*/

.content-form>.row {
    margin-right: -7.5px;
    margin-left: -7.5px;
}

.content-form>.row>div {
    padding-right: 7.5px;
    padding-left: 7.5px;
}
.form-group .title-form {
    font-size: 12px;
    font-weight: 700;
    background: -webkit-linear-gradient(135deg, var(--gold-light), var(--gold-dark));
    background: var(--gold-grad-h);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}

.content-tra-cuu-phong-thuy .item-form {
    display: block;
    padding: 20px;
}

.content-tra-cuu-phong-thuy .item-form>span {
    display: block;
    width: 100%;
}

.content-tra-cuu-phong-thuy .item-form .section-title-left>span {
    width: 100%;
    display: block;
    font-size: 20px;
}
.content-tra-cuu-phong-thuy .content-form .form-group .form-control, .content-form-tu-van .form-control, .section-contact-footer .form-group .form-control, .advanced-product .content-box-left .form-group .form-control, .box-contacts .box-contact-form .form-group .form-control, .content-contact-sign-home .form-group select, .content-contact-sign-home .form-group .form-control, .text-page .box-search .form-group input.form-control {
    border-style: solid;
    border: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right bottom, var(--gold-light), var(--gold-dark));
    background: linear-gradient(135deg, var(--gold-dark), var(--gold-light));
    background: none;
    padding: 0 5px;
    color: #8D8D8D;
}

.content-tra-cuu-phong-thuy .content-form .btn-form {
    text-align: center;
    margin-top: 15px;
}
.content-tra-cuu-phong-thuy .content-form .btn-form .btn-submit-form {
    padding: 8px 20px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-on-gold);
    border: none;
    border-radius: 0;
}
/*form_phong_thuy*/

/*form-tu-van*/
.content-form-tu-van {
    display: block;
    padding: 20px 20px;
}
.content-form-tu-van .form-group>.row>div:nth-child(1) {
    padding-right: 0;
    width: 35%;
}

.content-form-tu-van .form-group>.row>div:nth-child(2) {
    width: 65%;
}
.content-form-tu-van .form-group>.row>div:nth-child(1) label.title-form {
    margin-bottom: 0;
    padding-top: 8px;
}
.content-form-tu-van textarea.form-control {
    height: 100px;
}
.content-form-tu-van textarea.form-control {
    height: 174px;
    padding: 5px;
}

.content-form-tu-van .form-group.list-button {
    margin-top: 18px;
}

.content-form-tu-van .form-group.list-button button {
    border-radius: 0;
    width: 100%;
    border-right: 0;
    font-size: 15px;
    font-weight: 500;
    color: var(--text-on-gold);
}
/*form-tu-van*/
/*footer*/
.title-menu-ft:before {
    content: '';
    position: absolute;
    width: 45px;
    height: 2.5px;
    background: linear-gradient(to left, var(--gold-dark), var(--gold-light));
    bottom: -8px;
}
.content-map iframe {
    width: 100%;
    height: 228px;
}
.menu-footer-vertical .sub_name {
    font-size: 20px;
    margin-bottom: 15px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}
.address-ft p i {color: var(--gold-mid);font-size: 16px;width: 18px;}

.address-ft p a {
    color: #fff;
}

.address-ft p a:hover {
    color: var(--gold-mid);
}
.section-contact-footer .form-group textarea.form-control {
    height: 80px;
}
.menu-footer-vertical .btn-content .btn-submit {
    display: block;
    width: 100%;
    border-radius: 0;
}


.footer_bct {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.footer_bct .dmca {
    margin-right: 10px;
}

.footer_bct .bct img, .footer_bct .dmca img {
    max-height: 45px;
    object-fit: contain;
}
.footer_bct .bct {
    margin-right: 10px;
}
/*footer*/
/*video_nha_dep*/
p.slogan-gallery {
    font-size: 13px;
    color: #fff;
    line-height: 1.7;
    margin-bottom: 15px;
}
.thub-image.thub-video {
    margin: 15px -7.5px 0;
    position: relative;
}

.thub-image.thub-video .slider-thumb .item {
    border: 0;
    border-radius: 0;
    padding: 0;
    padding-top: 62%;
    position: relative;
    margin: 0 7.5px;
}

.thub-image.thub-video .slider-thumb .item>img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.thub-image.thub-video .slider-thumb .item.active>img, .thub-image.thub-video .slider-thumb .item:hover>img {
    border-style: solid;
    border: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right bottom, var(--gold-light), var(--gold-dark));
    background: linear-gradient(135deg, var(--gold-dark), var(--gold-light));
    background-image: linear-gradient(to right, var(--bg-elevated), var(--bg-primary));
}

.box-gallery-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.box-gallery-title .btn-youtube a {
    background: #E62117;
    color: #fff;
    padding: 7px 15px;
    border-radius: 5px;
    display: inline-block;
    font-weight: 500;
}

.box-gallery-title .btn-youtube a>i {
    font-size: 19px;
    margin-right: 5px;
    position: relative;
    top: 2px;
}
/*video_nha_dep*/


/*scoll right*/
.scoll-right-bottom {
    top: 50%;
    position: fixed;
    right: 0;
}
.scoll-right-bottom {
    top: 55%;
    position: fixed;
    right: 0;
    transform: translateY(-50%);
}

.item-scoll.item-nhan-nha a span {
        -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    white-space: nowrap;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}
}

.item-scoll.item-nhan-nha {
    position: relative;
    display: block;
    text-transform: uppercase;
    -webkit-box-flex: 0;
    height: auto;
}
.item-scoll.item-nhan-nha a i {
    display: block;
}
.btn-scoll-bottom {
    display: flex;
    flex-direction: column;
}

.btn-scoll-bottom .item-scoll,.btn-scoll-top {
    width: 39px;
    height: 39px;
    padding: 0;
    line-height: 34px;
    margin-bottom: 3px;
    text-align: center;
}

.item-scoll.item-nhan-nha {
    height: auto;
    text-align: center;
}

.btn-scoll-bottom .item-scoll a {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.item-scoll.item-nhan-nha a {
    display: flex;
    flex-direction: column;
    padding: 16px 0;
}

.item-scoll.item-nhan-nha a>span {
    background: -webkit-linear-gradient(135deg, var(--gold-light), var(--gold-dark));
    background: var(--gold-grad-h);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #0000;
    text-fill-color: transparent;
    font-weight: 500;
    margin-bottom: 8px;
}

.item-scoll.item-nhan-nha a i.fa, .btn-scoll-top i {    background: -webkit-linear-gradient(135deg, var(--gold-light), var(--gold-dark));
    background: var(--gold-grad-h);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}
.wsmenu-submenu {
    border-style: solid;
    border: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right bottom, var(--gold-light), var(--gold-dark));
    background: linear-gradient(135deg, var(--gold-dark), var(--gold-light));
    background-image: linear-gradient(to right, var(--bg-elevated), var(--bg-primary));
    padding: 0 5px;
}

.wsmenu-submenu li:last-child {
    border: 0;
}

.breadcrumb>li>a {
    color: var(--gold-mid);
    font-size: 12px;
}

.breadcrumb>li.active>a {
    color: var(--gold-mid);
}
/*gioi-thieu*/
.section-architecture-about .section-title-center {
    margin-bottom: 55px;
}

.section-architecture-about .section-title-center::after {
    bottom: -35px;
}
.section-architecture-about h2.section-title-center::after {
    bottom: -25px;
    width: 100px;
}
.section-architecture-about .slogan p {
    margin-bottom: 0;
    font-size: 15px;
}

.section-architecture-about .title-slogan {
    margin-bottom: 40px;
}

.section-architecture-about .section-title-center {
    margin-bottom: 55px;
}

.section-architecture-about .section-title-center::after {
    bottom: -35px;
}

.section-architecture-about .slogan p {
    margin-bottom: 0;
    font-size: 15px;
}

.section-architecture-about .title-slogan {
    margin-bottom: 40px;
}

.content-architecture-about .img-architecture {
    position: relative;
    padding-top: 62%;
}

.content-architecture-about .img-architecture img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.title-text-architecture {
    background: -webkit-linear-gradient(135deg, var(--gold-light), var(--gold-dark));
    background: var(--gold-grad-h);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    margin-bottom: 60px;
    line-height: 35px;
}

.title-text-architecture:before {
    content: '';
    position: absolute;
    bottom: -40px;
    width: 162px;
    height: 31px;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(/uploads/plugin/custom_img/2022-07-13/vector.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.content-text-architecture p {
    text-align: justify;
    color: #fff;
    font-size: 15px;
}
.scoll-right-bottom.none-scoll i.fa.fa-arrow-right {
    transform: rotate(180deg);
}
.scoll-right-bottom.none-scoll .btn-scoll-bottom {
    left: 100px;
}

.scoll-right-bottom .btn-scoll-bottom {
    left: 0;
    transition: 1.1s;
    position: relative;
}
.content-vision-mission {
    text-align: center;
}

.content-vision-mission .item-vision-mission {
    margin-bottom: 30px;
}

.content-vision-mission .item-vision-mission .icon img {
    height: 41px;
    object-fit: contain;
}

.content-vision-mission .item-vision-mission .name {
    margin-top: 10px;
    margin-bottom: 10px;
}

.content-vision-mission .item-vision-mission .name span {
    background: -webkit-linear-gradient(135deg, var(--gold-light), var(--gold-dark));
    background: var(--gold-grad-h);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    font-size: 18px;
    font-weight: 500;
}

.content-vision-mission .item-vision-mission .description>p {
    color: #fff;
    margin-bottom: 0;
}
.section-all-core-values {
    background-image: url(/uploads/plugin/custom_img/2022-07-15/vitoandwilly-9wm-xbnnd-u-unsplash-2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.content-vision-mission  .item-values .name {
    font-size: 16px;
    background: -webkit-linear-gradient(135deg, var(--gold-light), var(--gold-dark));
    background: var(--gold-grad-h);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    font-weight: 700;
    position: relative;
    display: inline-block;
    z-index: 3;
}

.content-vision-mission .item-values .name>span:last-child {
    color: #b5b5b521 !important;
    background: none !important;
    -webkit-text-fill-color: initial;
    -webkit-background-clip: initial;
    position: absolute;
    left: 50%;
    font-size: 39px;
    bottom: -8px;
    z-index: -1;
    transform: translateX(-50%);
}
.description-list-core-values .item-values {
    padding: 15px 10px;
    height: 100%;
}

.description-list-core-values .item-values .description {
    color: #fff;
    font-style: italic;
}

.description-list-core-values>.row {
    display: flex;
    flex-wrap: wrap;
}
.organizational-structure .slogan {
    padding: 20px;
    max-width: 900px;
    margin: 0 auto;
    display: table;
    position: relative;
}
/*gioi-thieu*/


/*doi_ngu*/
.section-team .slogan {
    text-align: center;
    font-size: 14px;
    margin-bottom: 20px;
}
.section-team p {
    font-size: 15px;
}
.section-team .content-team .img-team {
    max-width: 260px;
    max-height: 260px;
    margin: 0 auto 20px;
}

.section-team .content-team .info-team {
    text-align: center;
}

.section-team .content-team .info-team .name {
    display: table;
    margin: 0 auto 10px;
    font-size: 42px;
    font-weight: 700;
    background: -webkit-linear-gradient(135deg, var(--gold-light), var(--gold-dark));
    background: var(--gold-grad-h);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #0000;
    text-fill-color: transparent;
}

.section-team .content-team .info-team .position {
    font-size: 26px;
    margin-bottom: 15px;
}

.section-team .content-team .info-team .description p {
    font-size: 19px;
    font-style: italic;
    margin-bottom: 0;
}
.block-introduce-team .list-item.box-blogs .info {
    text-align: center;
    display: block;
    margin-top: 5px;
}

.block-introduce-team .list-item.box-blogs .info .title-blogs-item {
    margin-top: 0;
    height: auto;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 0;
}

.block-introduce-team .list-item.box-blogs .info p.desc-blogs {
    text-align: center;
    font-style: italic;
    font-size: 14px;
    height: auto;
}
.block-introduce-team .item-blogs .img-blogs {
    position: relative;
    padding-top: 100%;
}

.block-introduce-team .item-blogs .img-blogs img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.block-introduce-team .list-item.box-blogs {
    margin-bottom: 15px;
}
.item-capacity-profile-all {
    margin-bottom: 60px;
}

.item-capacity-profile-all .content-capacity-profile {
    text-align: center;
}

.item-capacity-profile-all .content-capacity-profile .img-capacity img {
    width: 100%;
}

.item-capacity-profile-all .content-capacity-profile p.slogan {
    margin-bottom: 30px;
}
/*doi_ngu*/
/*cam_nhan_khach_hang*/
.banner-ytb img {
    width: 100%;
}
.image-wrapper {
    position: relative;
}

.item-list-video.nh-video-item {
    margin-bottom: 15px;
}
.slogan {
    text-align: justify;
}

/*tin_tuc*/

.wrap-list .list-item .img-blogs {
    position: relative;
    padding-top: 62%;
}

.wrap-list .list-item .img-blogs img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.wrap-list .list-item.box-blogs .item-blogs {
    border-style: solid;
    border: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right bottom, var(--gold-light), var(--gold-dark));
    background: linear-gradient(135deg, var(--gold-dark), var(--gold-light));
    margin-bottom: 15px;
}
.wrap-list .list-item .info {
    padding: 10px;
}

.title-blogs-item a:first-letter {
    text-transform: uppercase;
}

/*Detail Post*/
.detail-post {
    font-size: 16px;
    margin-bottom: 30px;
}
.detail-post h1 {
    font-size: 28px;
    margin-bottom: 15px;
    font-weight: bold;
}
.detail-post h2 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}
.detail-post h3 {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 20px;
}
.detail-post h4 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}
.detail-post h5 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}
.detail-post h6 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
}
.detail-post .ckeditor-post table {
    width: 100%!important;
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px solid rgb(178 133 68 / 80%);
    margin-bottom: 10px;
}
.detail-post .ckeditor-post table td {
    padding: 6px;
    border: 1px solid rgb(178 133 68 / 80%) !important;
    width: auto;
}
.detail-post .ckeditor-post table th,td p{
    margin: 0;
}
.detail-post .ckeditor-post a {
    color: var(--gold-mid);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-bottom: 1px;
}
.detail-post .ckeditor-post strong {
    color: var(--gold-mid);
}
.detail-post ul li {
    list-style: none;
}
.ckeditor-post ul li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: var(--gold-mid); /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
} 

/*danh_muc_san_pham*/

div#show-content-category .modal-dialog {
    /* height: 90vh; */
    max-height: 90vh;
    /*overflow-y: scroll;*/
    width: 1200px;
    max-width: 100%;
    margin: 30px auto;
}
div#show-content-category .modal-content {
    background: url(/uploads/plugin/custom_img/2022-07-13/bg-body1.jpg);
    background-position: center;
}
.cate-content {
    font-size: 16px;
}

.cate-content h2 {
    font-size: 20px;
}

.cate-content h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}
.cate-content h4 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}
.cate-content h5 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}

.cate-content ul, ol {
    padding-left: 15px;
}
div#show-content-category .modal-dialog .modal-body {
    padding: 15px 15px;
}
div#show-content-category button {
    position: fixed;
    background: #fff;
    z-index: 999999999;
    width: 30px;
    height: 30px;
    top: 30px;
    opacity: 0.5;
}
div#show-content-category .modal-content button.close {
    position: absolute;
    top: 5px;
    right: 10px;
    z-index: 3;
    color: #fff;
    opacity: 1;
    font-weight: 300;
}
div#show-content-category .modal-content .section-title-center {
    text-transform: uppercase;
    font-size: 29px;
}
div#show-content-category .modal-dialog::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
    border:1px solid #fff
} 
div#show-content-category .modal-dialog::-webkit-scrollbar-thumb {
    background-color: #2c404f;
    width:5px
}
.advanced-product .content-box-left {
    background-image: linear-gradient(to right, var(--bg-elevated), var(--bg-primary));
    padding: 20px;
    border-radius: 5px;
}

.advanced-product .content-box-left .form-group {
    margin-bottom: 0;
    height: auto;
    min-height: auto;
}
.advanced-product .content-box-left .form-group button {
    border: 0;
    border-radius: 0;
    height: 34px;
    color: #000;
    font-weight: 500;
}

.cate-child-product .item-child a {
    background-image: var(--gold-grad-h);
    display: block;
    height: 34px;
    margin-bottom: 20px;
    text-align: center;
    line-height: 34px;
    font-size: 14px;
    font-weight: 700;
    color: #000;
}

.cate-child-product .row {
    margin-right: -15px;
    margin-left: -15px;
}

.cate-child-product .row>div {
    padding-right: 15px;
    padding-left: 15px;
}
.box-detail-list-product>.row>div {
    padding-right: 7.5px;
    padding-left: 7.5px;
}
.consultation-request form#frm-send_consultation_request {
    background-image: var(--gold-grad-h);
    padding: 10px 15px;
    border-radius: 10px;
}

.consultation-request .entry-contact p {
    margin-bottom: 5px;
    font-size: 17px;
    font-weight: 700;
    text-align: center !important;
}

.consultation-request .entry-contact p a {
    color: var(--text-on-gold);
}

.consultation-request form#frm-send_consultation_request .form-group {
    min-height: auto;
}

.consultation-request form#frm-send_consultation_request .form-group .form-control {
    background: none;
    border-color: var(--text-on-gold);
    color: var(--text-on-gold);
    border-radius: 5px;
}
.consultation-request form#frm-send_consultation_request .form-group .form-control::placeholder, .contact-custom.contact-custom-product .form-group .form-control::placeholder {
    color: var(--text-on-gold);
    opacity: 1;
}

.consultation-request form#frm-send_consultation_request .form-group .form-control:-ms-input-placeholder ,.contact-custom.contact-custom-product .form-group .form-control:-ms-input-placeholder  { 
    color: var(--text-on-gold);
}

.consultation-request form#frm-send_consultation_request .form-group .form-control::-ms-input-placeholder, .contact-custom.contact-custom-product .form-group .form-control::-ms-input-placeholder { 
    color: var(--text-on-gold);
}

.consultation-request form#frm-send_consultation_request .form-group button.btn.btn-submit {
    background: var(--bg-primary);
    padding: 6px 35px;
}

.consultation-request form#frm-send_consultation_request .form-group button.btn.btn-submit>span {
    background: -webkit-linear-gradient(135deg, var(--gold-light), var(--gold-dark));
    background: var(--gold-grad-h);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #0000;
    text-fill-color: transparent;
    text-transform: uppercase;
    font-weight: 700;
}
.consultation-request form#frm-send_consultation_request .form-group textarea.form-control {
    height: 75px;
}

.content-contact-sign-home .entry-contact p {
    margin-bottom: 5px;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
}

.content-contact-sign-home .entry-contact p a {
    color: var(--text-on-gold);
}
/*danh_muc_san_pham*/

/*chi_tiet_san_pham*/
.slider-detail .item-single .img {
    position: relative;
    /*padding-top: 75%;*/
}

.slider-detail .item-single .img img {
    /*position: absolute;*/
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.slider-detail .slider-nav .item-nav .img {
    position: relative;
    padding-top: 75%;
}

.slider-detail .slider-nav .item-nav .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slider-detail .slider.slider-single.slick-initialized.slick-slider {
    margin-bottom: 15px;
}
.btn-tai-lieu {
    padding-top: 61%;
    position: relative;
}
.btn-tai-lieu a.btn-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.btn-tai-lieu a.btn-link svg {
    margin-bottom: 10px;
}

.btn-tai-lieu a.btn-link  span {
    font-size: 14px;
    font-weight: 700;
    color: var(--text-on-gold);
}
.header-info .info-house {
    background-image: linear-gradient(to right, var(--bg-elevated), var(--bg-primary));
    padding: 20px;
    border: 1px solid #3a3a3a;
    margin-bottom: 15px;
}
.contact-custom.contact-custom-product {
    padding: 15px;
    margin-bottom: 15px;
}

.contact-custom.contact-custom-product .title-lienhe {
    font-weight: 700;
    color: var(--text-on-gold);
    text-align: center;
    margin-bottom: 11px;
    font-size: 16px;
    text-transform: uppercase;
}

.contact-custom.contact-custom-product .form-group {
    min-height: auto;
}

.contact-custom.contact-custom-product .form-group .form-control {
    background: none;
    border-color: var(--text-on-gold);
    color: var(--text-on-gold);
    border-radius: 5px;
}

.contact-custom.contact-custom-product .form-group.list-button {
    text-align: center;
}

.contact-custom.contact-custom-product .form-group.list-button button {
    background: var(--bg-primary);
    padding: 5px 20px;
}

.contact-custom.contact-custom-product .form-group.list-button button span.name {
    background: -webkit-linear-gradient(135deg, var(--gold-light), var(--gold-dark));
    background: var(--gold-grad-h);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    text-transform: uppercase;
    font-weight: 700;
}
.contact-product-chi-tiet {
    display: flex;
    justify-content: center;
}

.contact-product-chi-tiet .content-contact p {
    margin-bottom: 8px;
}

.contact-product-chi-tiet .content-contact p>a {
    font-size: 15px;
    color: #000;
    font-weight: 700;
}

.header-info .info-house .item {
    margin-bottom: 15px;
    margin-left: initial !important;
    border-bottom: 1px solid #b5b5b5;
    padding-bottom: 3px;
}

.header-info .info-house>.row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.header-info .info-house>.row>div {
    width: 40%;
    flex: 0 0 40%;
    max-width: 40%;
    float: none;
}

.header-info .info-house>.row>div {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.header-info .info-house>.row::before {
    display: none;
}
.header-info .info-house .item span i , .header-info .info-house .item span svg{
    color: #F5BE66;
    margin-right: 3px;
}
.header-info .info-house .item span {
    font-weight: 700;
}
.header-info .info-house>.row>div:last-child .item {
    border-bottom: 0;
    margin-bottom: 0;
}
.header-info .info-house .item .content-info {
    margin-top: 15px;
}

.top-detail-product p.more-blogs {
    margin-bottom: 20px;
}
.box-product.default_left .box-detail-list-product .info {
    padding: 0 7px;
    border: 0;
    margin-top: 10px;
}
.content-house h2 {
    font-size: 24px;
    font-weight: bold;
    margin: 20px 0;
    padding-left: 5px;
    color: #fff;
    border-left: 5px solid var(--gold-mid);
    border-bottom: 3px solid transparent;
    border-top: 3px solid transparent;
}
.content-house h2 span {
    font-size: 24px!important;
    font-weight: bold;
    margin: 20px 0;
    color: #fff!important;
    font-family: inherit!important;
}
.content-house p {
    font-size: 16px!important;
    text-align: justify;
    color: #fff;
}
.content-house p span {
    font-size: 15px!important;
    text-align: justify;
    color: #fff!important;
}
.content-house p a span {
    color: #cdac44!important;
}
.content-house div span {
    color: #fff!important;
}
.content-house table {
    width: 100% !important;
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px solid rgb(178 133 68 / 80%);
    margin-bottom: 10px;
}
.content-house table td {
    padding: 6px;
}
.content-house table td span {
    font-size: 15px !important;
    color: #fff !important;
}
.content-house ul li {
    list-style: none;
}
.content-house ul li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: var(--gold-mid); /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}
/* Video */
.wrap-iframe {
    position: relative;
    text-align: center;
    /*padding-top: 56%;*/
}
.content-house iframe {
    width: 100%;
    height: 560px;
    /*position: absolute;*/
    top: 0;
    left: 0;
}
.box_cate-description .content-house iframe {
    width: 70%;
    height: 500px;
    /*position: absolute;*/
}
/*.detail-post iframe {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*}*/
/* End Video */

.col_left.box-cate .box-left.box .title_style .title-menu-ft {
    margin-bottom: 15px;
}
.box-cate .nav li {
    text-transform: capitalize;
}
.box-cate .nav li a:hover {
    background: none;
    color: #cba958;
}
.top-detail-product .slider-detail {
    margin-bottom: 15px;
}
.content-house img {
    width: 100%;
    height: auto;
    /*margin-bottom: 10px;*/
}
.cate-content img {
    width: auto;
}
.at-share-btn-elements {
    display: flex;
    justify-content: flex-end;
}
.content-house a {
    color: var(--gold-mid);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-bottom: 1px;
}
/*chi_tiet_san_pham*/

.nh-comment .list-reply::before{
    position:absolute;
    top:0;
    left:15px;
    font-weight:bold;
    color:#333;
}
#box_comment {
    margin: 10px auto;
    position: relative;
    font-size: 11pt;
}
.width_common {
    width: 100%;
}
#box_comment .block-title {
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 0 !important;
}
.block-title span {
    font-size: 20px;
    margin: 0 auto -3px;
    display: inline-block;
}
.product-customer-content {
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    flex-wrap: wrap;
}
.point-comment {
    text-align: center;
    color: #ffffff;
    font-weight: 700;
    line-height: 50px;
    font-size: 50px;
}

.rating-star {
    font-size: 21px;
    color: gray;
}
.star-on {
    color: #f0ad4e;
}
.rating-percent {
    width: 480px;
}
.percent-bar {
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: left;
}
.rating-num, .star-percent {
    width: 30px;
    font-size: 14px;
    color: #fff;
    text-align: right;
}
.progress {
    overflow: hidden;
    margin: 7px;
    background: #d1d1d1;
    position: relative;
    width: calc(100% - 44px);
    height: 12px;
    border-radius: 12px;
}
.progress .progress-bar-warning {
    background-image: var(--gold-grad-h);
}
.progress-bar {
    float: left;
    height: 100%;
    font-size: 12px;
    color: #fff;
    text-align: center;
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}
.customer-rating p {
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    color: #fff;
    margin-top: 0;
    margin-bottom: 10px;
}
.customer-button {
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    border: 0;
    outline: 0;
    color: #000;
    border-radius: 4px;
    width: 225px;
    background-image: var(--gold-grad-h);
    height: 35px;
    font-weight: 700;
}
#comment_reply_wrapper {
    margin: 15px auto;
    clear: both;
    padding: 15px;
    border-radius: 4px;
    background-image: linear-gradient(to right, var(--bg-elevated), var(--bg-primary));
}
#box_comment .product-rate {
    display: block;
    width: 100%;
}
.product-rate.left {
    margin: 5px 0 0;
}
.left {
    float: left;
}
#box_comment .rate-text {
    float: left;
    padding: 1px 10px 0 0;
}
#comment_reply_wrapper label {
    display: block;
    margin: 13px 0 5px 0;
    font-weight:700;
}
#box_comment .ount {
    display: inline-block;
    padding-top: 0;
}
.custormer-info {
    padding-bottom: 7px;
}
#comment_reply_wrapper label i {
    font-weight: 400;
    color: #cdcdcd;
    font-size: 11px;
}
[data-id=comment-box-form] input[type=text] {
    margin: 5px 15px 5px 0;
    font-size: 13px;
    line-height: 1.5;
    color: #fff;
    height: 36px;
    width: calc(100% - 16px);
    padding: 7px 8px;
    border-style: solid;
    border: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right bottom, var(--gold-light), var(--gold-dark));
    background: linear-gradient(135deg, var(--gold-dark), var(--gold-light));
    background: none;
}
[data-id=comment-box-form] input[type=text]+span {
    display: block;
    font-size: 12px;
    font-style: italic;
    color: #999;
}
#comment_reply_wrapper label {
    display: block;
    margin: 10px 0 10px 0;
}
.fileSelector .button {
    font-size: 13px;
    color: #189eff;
    border: 1px solid;
    margin: 0 0 0 10px;
    padding: 5px 10px;
    border-radius: 5px;
    text-decoration: none;
    text-shadow: none;
    width: auto!important;
    font-weight: 400;
    display: inline-block;
    cursor: pointer;
}
[data-id=comment-box-form] .right .add-comment {
    background: #38b5df!important;
    color: #fff!important;
    text-align: center;
    border: none!important;
    margin: 0 auto 5px 0;
    line-height: 40px;
    padding:0 15px;
    border-radius:3px
}

.comment-product-detail {
    display: flex;
    justify-content: flex-start;
    text-align: left;
    margin-left: 35px;
}
.comment-product-detail .image {
    padding-left: 15px;
}
.comment-product-detail .image img {
    width: 180px;
    height: 180px;
    object-fit: contain;
    padding-right: 10px;
}
.news-content img, .tab-content img {
    max-width: 600px!important;
}
.comment-product-detail .info .title {
    font-size: 19px;
}
.comment-product-detail .info span {
    display: inline-block;
    margin: 7px auto;
}
.customer-note {
    list-style: none;
    margin: 25px 0 10px 30px!important;
    padding: 0;
}
.customer-note li {
    list-style: none!important;
    font-size: 13px;
    margin: 0 auto 3px 15px;
}

#box_comment .comment_item {
    padding: 10px 10px 5px;
}
.box_width_common .load-more {
    padding: 0 10px;
}
comment-template {
    display: block;
}
.comment-wrapper {
    display: grid;
    grid-template-columns: 150px auto;
}
.usser-info {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    vertical-align: top;
    padding: 0 10px;
    font-size: 13px;
}
.avatar-letter {
    border-radius: 50%;
    background: #d3d2d3;
    color: #919090;
    font-weight: 500;
    width: 65px;
    height: 65px;
    display: inline-block;
    text-align: center;
    line-height: 65px;
    font-size: 17px;
    font-weight: 700;
}
.nickname {
    font-size: 14px;
    margin: 15px 0 5px;
    font-weight: 500;
    text-align: center;
    color: #fff;
}

.usser-info .days {
    font-size: 12px;
    color: #999;
    margin: -2px 0 0;
    text-align: center;
}
.time {
    color: #B1B0B0;
    font-size: 12px;
    font-weight: 700;
}
.user_status {
    position: relative;
    z-index: 1;
    padding-left: 40px;
}
.bought {
    font-weight: 400;
    color: #22b345;
    font-size: 12px;
    background-image: url(/uploads/plugin/custom_img/2020-09-23/custom-security.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 9px 11px;
    padding-left: 15px;
    display: block;
    margin: 5px 0;
}
span.content {
    display: block;
    margin: 7px 0;
}
#box_comment .comment_item .user_status .block_like_web {
    padding: 0;
    position: relative;
    font-size: 12px;
}
.link_reply {
    cursor: pointer!important;
}
.block_like_web span {
    margin-left: 15px;
    color: #999;
}
.block_like_web>span{margin-left:0;}
.link_thich {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    border: 0;
    display: inline-block;
    margin-left: 10px;
    background-size: 17px;
    border-radius: 4px;
    width: 100px;
    background: var(--gold-grad-h);
    text-align: center;
    padding-right: 13px;
}
.link_thich span {
    color: #fff;
}
.star-off, .star-on {
    font-size: 18px;
    margin-right: 3px;
    line-height: 1px;
}
comment-template+comment-template {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dashed #e8e8e8;
}
#box_comment .subcomments {
    margin: 7px 0 25px;
    border: 1px solid #eee;
    position: relative;
    border-radius: 4px;
}
#box_comment .subcomments:after, #box_comment .subcomments:before {
    bottom: 100%;
    left: 16px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
#box_comment .hight_light .subcomments:before {
    border-color: rgba(238,238,238,0);
    border-bottom-color: #eee;
    border-width: 9px;
    margin-left: -9px;
}
#box_comment .subcomments:after, #box_comment .subcomments:before {
    bottom: 100%;
    left: 16px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
#box_comment .hight_light .subcomments:after {
    border-color: rgba(255,255,255,0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px;
}
#box_comment reply-temmplate {
    display: block;
    padding: 10px;
}
#box_comment .comment_item p {
    font-size: 11pt;
    line-height: 18px;
    padding-bottom: 2px;
    margin-bottom: 0;
}
.name.your-name::placeholder,
.phone.your-phone::placeholder,
.email.your-email::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #555;
  opacity: 0.8;
}

#review-content{
    margin-bottom:5px;
}
#err-phone,.error-msg{
    color: red !important;
    font-size: 11pt !important;
    font-style: normal !important;
    display: block;}
.review-block {
    background: transparent;
    z-index: 6;
    right: 0;
    margin-top: 5px;
    margin-right: 5px;
}
.review-block i {
    font-size: 16px;
}

.review-block span {
    margin-right: 5px;
}
.review i{
    color: #FFCC52;
    margin-right: 3px;
}
.review span{
    font-size: 14px;
}
.like i{
    color: #762f8c;
    cursor: pointer;
}
.like span{
    font-size: 14px;
}
.review-detail {
    font-size: 16px;
}
.btn-review {
    background-color: #ed1c24;
    margin-left: 10px;
}
#review-tab ul li,
.review-tab ul li {
    display: inline-block;
    padding-right: 8px;
    padding-left: 8px;
    cursor: pointer;
}

#review-tab .star-rating i,
.review-tab .star-rating i {
    color: #FFCC52;
    font-size: 20px;
    margin-right: 8px;
    cursor: pointer;
}

.nav_title li {
    padding: 0 15px;
}
.list-review .review-detail {
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.item-review {
    border: solid 1px #eee;
    padding: 15px;
    border-radius: 8px;
    background: #fff;
}

/* Handle */
.list-review::-webkit-scrollbar {
    width: 12px;
}

/* Handle */
.list-review::-webkit-scrollbar-thumb {
    background: #762f8c;
}
.star-rating {
    margin-top: 20px;
}
.blocl-content {
    width: 95%;
    margin: 0 auto;
    margin-top: 20px;
    margin-left: 32px;
}
#review-content {
    height: 150px;
    border-radius: 5px !important;
    resize: none;
    padding: 7px 8px;
    border-style: solid;
    border: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right bottom, var(--gold-light), var(--gold-dark));
    background: linear-gradient(135deg, var(--gold-dark), var(--gold-light));
    background: none;
}
#submit-review {
    border-radius: 5px;
    background: var(--gold-grad-h);
    margin: 0 auto;
    max-width: 400px;
}
.review-link {
    cursor: pointer;
}
.avatar-letter img{
    height: 65px;
    width: 65px;
    object-fit: cover;
    border-radius: 50%;
}
#box_comment .ount-comment i,
#box_comment .ount-eval-comment i{
    color: #FFCC52;
    font-size: 21px;
    margin-right: 3px;
}
.name.your-name,.phone.your-phone,.email.your-email{width:100% !important;margin: 5px 0;height: 36px;border-radius: 3px !important;color: #fff;padding: 7px 8px;border-style: solid;border: 1px solid;border-image-slice: 1;border-image-source: linear-gradient(to right bottom, var(--gold-light), var(--gold-dark));background: linear-gradient(135deg, var(--gold-dark), var(--gold-light));background: none;}
.name.your-name::placeholder,
.phone.your-phone::placeholder,
.email.your-email::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #555;
  opacity: 0.8;
}
.name.your-name+span i,
.phone.your-phone+span i,
.email.your-email+span i{
    color: #cdcdcd;
    font-size: 12px;
}
#review-content{
    margin-bottom:5px;
}
#err-phone,.error-msg{
    color: red !important;
    font-size: 11pt !important;
    font-style: normal !important;
    display: block;
}
.btn-muahang .input-group-btn{
    position:static
}
.wrpCart{
    display:inline-block;
}
.wrpViewed{
    position:relative;
    padding-top: 66.5%;
}
.wrpViewed img{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    height:100%;
    width:100%;
    object-fit:contain
}
#bought-together{
    padding-left:15px;
    padding-right:15px;
}
.top-detail-product .box-product.list-product-small .list-item{
    padding-left: 7px;
    padding-right: 7px;
}
.top-detail-product .box-product.list-product-small{
    margin-left:-7px;
    margin-right:-7px;
}
.list-reply .replyTitle{
    font-weight:bold;
    position:absolute;
    top:0;
    left:15px;
}
.top-detail-product .box-left{
    margin:0;
}
#load-more-review {
    display: none;
    width: 20px;
    height: 20px;
    margin: 0 auto 0;
    border: solid 2px #8822aa;
    border-radius: 50%;
    border-right-color: transparent;
    border-bottom-color: transparent;
    -webkit-transition: all 0.5s ease-in;
    -webkit-animation-name:             rotate;
    -webkit-animation-duration:         1.0s;
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;
    transition: all 0.5s ease-in;
    animation-name:             rotate;
    animation-duration:         1.0s;
    animation-iteration-count:  infinite;
    animation-timing-function: linear;
}
.view_more_coment{
    text-align: center;
    margin-top: 15px;
    position: relative;
}
.view_more_coment a{
    background: #ffc22d none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font: 700 11px/26px arial;
    padding: 0 20px;
    text-align: center;
    position:relative;
}
.view_more_coment::before{content:'';position:absolute;top:50%;background:#eee;height:1px;width:100%;left:0;}
.cate-child-product .item-child {
    box-shadow: 0 0 5px #d9d9d9;
    background: #f8c979;
    padding: 10px 7px;
    margin-bottom: 7px;
    text-align: center;
}
.cate-child-product {
    margin-bottom: 30px;
}

form#form-review .right {
    text-align: center;
}
.block-title>span:last-child {
    background-image: var(--gold-grad-h);
    width: calc(100% - 250px);
    height: 1px;
}
/*danh_gia_sao*/
@media (min-width:1200px){
    .advanced-product .content-box-left form {
        padding: 0 40px;
    }
    .consultation-request .entry-contact>div>div:nth-child(2) p {
        text-align: center;
    }
    
    .consultation-request .entry-contact>div>div:nth-child(3) p {
        text-align: right;
    }
    /*.box_module.bottom.box-contacts .box-contact-form {width: calc(100% - 50px) !important;}*/
    .menu-footer-vertical.section-contact-footer {
        padding: 0 40px;
    }
}



/*lien_he*/
.box_module.bottom.box-contacts .box-contact-form {
    width: 100%;
    padding: 30px 30px;
}
.slogan-contact {
    text-align: center;
    margin-bottom: 25px;
}

.slogan-contact p {
    margin-bottom: 5px;
}
.box-contacts .box-contact-form .form-group.btn-submit-ct {
    margin-bottom: 0;
}

.box-contacts .box-contact-form .form-group.btn-submit-ct button {
    width: 100%;
    color: #000;
    font-weight: 700;
}

.menu-footer-vertical.contact-content {
    padding: 20px 35px 10px;
}

.menu-footer-vertical.contact-content .address-ft p:last-child {
    display: none;
}
.menu-footer-vertical.contact-content .sub_name {font-weight: 500;text-transform: uppercase;font-size: 22px; text-align: center;}

.content-contact-sign-home {
    width: 100%;
    background-image: var(--gold-grad-h);
    padding: 10px 15px;
    border-radius: 10px;
}
.content-contact-sign-home .form-group .custom-select {
    background: none;
    border-color: var(--text-on-gold);
    color: var(--text-on-gold);
    border-radius: 5px;
    border: 1px solid var(--bg-primary);
}
.content-contact-sign-home .form-group .form-control {
    background: none;
    border-color: var(--text-on-gold);
    color: var(--text-on-gold);
    border-radius: 5px;
    border: 1px solid var(--bg-primary);
}
.content-contact-sign-home .form-group .form-control::placeholder {
    color: var(--text-on-gold);
}
.content-contact-sign-home .form-group {
    min-height: auto;
}

.content-contact-sign-home .form-group.list-button {
    margin-bottom: 0;
}

.content-contact-sign-home .form-group.list-button .btn-submit {
    background: var(--bg-primary);
}
.content-contact-sign-home .form-group.list-button .btn-content {
    width: fit-content;
    margin: 0 auto;
}

.content-contact-sign-home .form-group.list-button .btn-content button {
    width: 100%;
    border: 0;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
}
.content-contact-sign-home .form-group.list-button .btn-content button>span {
    background: -webkit-linear-gradient(135deg, var(--gold-light), var(--gold-dark));
    background: var(--gold-grad-h);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #0000;
    text-fill-color: transparent;
    padding: 6px 35px;
}
.menu-footer-vertical.contact-content p {
    font-size: 13.5px;
    margin-bottom: 10px;
}

/*lien_he*/

/*dang_ky_nhan_nha_mau*/
.mighty-slider.banner-dang-ky-nha-mau .item .image img {
    height: 32vw;
    object-position: center;
    object-fit: cover;
}
.slider-detail:hover .slick-prev, .slider-detail:hover .slick-next {
    opacity: 1;
}

.content-capacity-profile .img-capacity {
    position: relative;
}

.content-capacity-profile .img-capacity .link-capacity-profile {
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    position: absolute;
    z-index: 11;
    border: 4px solid #081a2a;
}

.content-capacity-profile .img-capacity .link-capacity-profile a {
    display: inline-block;
    padding: 7px 30px;
    background-image: linear-gradient(to right, var(--bg-primary), var(--bg-deep));
    border-style: solid;
    border: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right bottom, var(--gold-light), var(--gold-dark));
    background: linear-gradient(135deg, var(--gold-dark), var(--gold-light));
    background-image: linear-gradient(to right, var(--bg-elevated), var(--bg-primary));
}
.content-capacity-profile .img-capacity .link-capacity-profile a span {
    background: -webkit-linear-gradient(135deg, var(--gold-light), var(--gold-dark));
    background: var(--gold-grad-h);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    font-weight: 700;
}

/*dang_ky_nhan_nha_mau*/

/*cam_ket_nha_mau*/
.section-cam-ket .content-cam-ket {
    display: flex;
    flex-wrap: wrap;
}

.section-cam-ket .content-cam-ket .item-cam-ket {
    flex: 0 0 20%;
    max-width: 20%;
    padding: 0 10px;
}
.item-icon-cam-ket {
    background: url(/uploads/plugin/custom_img/2022-07-20/tam-giac.png);
    background-size: contain;
    background-repeat: no-repeat;
    aspect-ratio: 16/9.5;
    text-align: center;
}

.item-icon-cam-ket .icon {margin-top: 20px;}
.item-icon-cam-ket .icon img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}
.text-cam-ket {
    margin: -65px 10px 0;
    background: linear-gradient(180deg, var(--bg-primary), var(--bg-elevated));
    padding: 10px 15px 15px;
    border-radius: 10px;
    min-height: 270px;
    position: relative;
}

.text-cam-ket .text-top-cam-ket {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 0;
    border-bottom: 1px solid #fff;
    height: 55px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-bottom: 10px;
}

.text-cam-ket .text-bottom-cam-ket {
    line-height: 1.6;
    text-align: justify;
}

.section-cam-ket .content-cam-ket {
    margin: 0 -10px;
}
.text-cam-ket:before {
    content: '';
    border: 2px dashed #b38644;
    width: calc(100% + 20px);
    height: 100%;
    position: absolute;
    left: -10px;
    z-index: -1;
    border-radius: 15px;
}
/*cam_ket_nha_mau*/


/*cau_hoi_thuong_gap*/
.content-cau-hoi-thuong-gap {
    background: linear-gradient(to left, var(--gold-dark), var(--gold-light));
}

.content-cau-hoi-thuong-gap .panel {
    background: none;
    border-radius: 0;
    border: 0;
    border-bottom: none;
    padding: 15px;
    margin-top: 0 !important;
}

.content-cau-hoi-thuong-gap .panel .panel-heading {
    background: none;
    padding: 0;
    border: none;
    border-radius: 0 !important;
    font-size: 15px;
}

.content-cau-hoi-thuong-gap .panel .panel-heading a {
    display: block;
    color: #000;
    font-weight: 700;
    position: relative;
}

.content-cau-hoi-thuong-gap .panel .panel-body {
    border-top: 0 !important;
    padding: 5px 24px 0 0px;
    color: #000;
}
.ckeditor-post img {
    /*width: 100%;*/
    height: auto;
}
.ckeditor-post ul {
    margin-left: 25px;
}
.detail-post .title-news {
    margin-top: 0;
}
/*cau_hoi_thuong_gap*/

/*muc_luc*/
.ckeditor-post div#toc_container {
    border: 1px solid #B1B0B0;
    width: 100% !important;
    border-radius: 5px;
    margin-bottom: 20px;
}
.ckeditor-post div#toc_container li a {
    border: none;
}
.ckeditor-post div#toc_container .toc_title {
    padding: 10px 10px 10px 36px;
    /* border-bottom: 1px solid #B1B0B0; */
    color: #c29c51;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ckeditor-post div#toc_container .toc_title:before {
    content: '';
    position: absolute;
    top: 17px;
    left: 12px;
    width: 16px;
    height: 16px;
    background: url(/uploads/plugin/custom_img/2022-07-21/vectors.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.ckeditor-post div#toc_container ul.toc_list {
    padding: 15px 40px;
    /* list-style: number outside none; */
    list-style-type: decimal;
    border-top: 1px solid #B1B0B0;
    margin-left: 0;
}

.ckeditor-post div#toc_container .toc_title span.toc_toggle, .ckeditor-post div#toc_container .toc_title span.toc_toggle a {color: #fff;font-size: 12px;}

.ckeditor-post div#toc_container ul.toc_list ul {
    padding-left: 15px;
    list-style: number outside none;
    margin-left: 0;
}

.ckeditor-post div#toc_container ul.toc_list li a {
    font-size: 16px;
    color: #fff;
    line-height: 1.7;
}

/*tac_gia*/

.item-tac-gia-top {
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
}

.item-tac-gia-top .item-left {
    flex: 0 0 110px;
}

.item-tac-gia-top .item-right {
    flex-basis: calc(100% - 110px);
    padding-left: 15px;
}

.item-tac-gia-top .item-right .name {
    font-size: 22px;
    color: var(--text-on-gold);
    font-weight: 700;
}

.item-tac-gia-top .item-right .bo-phan {
    font-size: 14px;
    color: var(--text-on-gold);
    font-style: italic;
}

.item-tac-gia-top .item-right .description {
    font-size: 14px;
    color: var(--text-on-gold);
    margin-bottom: 5px;
}

.item-tac-gia-top .item-right .xem-them a {
    font-size: 14px;
    display: inline-block;
    padding: 2px 10px;
    font-weight: 500;
    border-radius: 3px;
}
.item-tac-gia-top .item-right .xem-them a span {
    background: -webkit-linear-gradient(135deg, var(--gold-light), var(--gold-dark));
    background: var(--gold-grad-h);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #0000;
    text-fill-color: transparent;
}
/*tac_gia*/
.organizational-structure .slogan:before {
    content: '';
    position: absolute;
    right: 19px;
    bottom: 7px;
    background: url(/uploads/plugin/custom_img/2022-07-21/vectoricon1s.png);
    width: 21px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: contain;
}

#load-list-data .cate-child-product .item-child {
    background: none;
    padding: 0;
    box-shadow: none;
}
#load-list-data .filter {
    height: 130px;
}
.slogan.slogan-botom-product {
    text-align: left;
}
.box-left.product-box-detail .list-product-small {
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.box-left.product-box-detail .list-product-small .list-item.list-category {
    padding-right: 7.5px;
    padding-left: 7.5px;
}
.box-left.product-box-detail .list-product-small:hover .owl-prev, 
.box-left.product-box-detail .list-product-small:hover .owl-next ,
.slider-product.wrap-list:hover .owl-prev,
.slider-product.wrap-list:hover .owl-next
{
    opacity: 1;
}
.megamenu ul>li {
    list-style: none;
}

.megamenu ul>li>a {
    color: #fff;
    font-size: 12px;
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
}

.megamenu ul>li>a:before {
    content: '\f105';
    font-family: 'FontAwesome';
    margin-right: 3px;
    color: #c5a153;
}
.megamenu ul>li:hover a {
    background: -webkit-linear-gradient(135deg, var(--gold-light), var(--gold-dark));
    background: var(--gold-grad-h);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}

@media (min-width:1280px){
    .megamenu {
        width: 1270px;
        left: 10px;
    }
    .box-product-tab-home .list-tab>.list-title-txt {
        height: 31px;
    }
    .wstheading a, .megamenu ul>li>a {
        font-size: 14px;
    }
    .box-product-tab-home .list-tab>.list-title-txt>.item-tab-home {
        text-align: center;
        width: 13.5%;
        padding: 0 8px;
    }
    .col-pc {
        width: 25%;
    }
}
@media (min-width:1200px){
    div#header.fix {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1010;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        background: var(--bg-primary);
    }
}
@media (min-width:1024px){
    
    .megamenu {
        width: calc(100% + 114%);
        left: 10px;
    }
    
    .header-main>.container>.row>div:nth-child(3) .webslidemenu-horizontal {
        float: right;
    }
    span.icon {
        max-height: 63px !important;
    }
    .mb-xl-0 {
        margin-bottom: 0;
    }
}

@media (max-width:1199.98px){
    body {
        overflow-x: hidden;
    }
    .navbar-header {
        margin-bottom: -15px;
        z-index: 9;
        position: relative;
    }
    .header-row-tablet {
        display: none;
    }
    .header-main>.container>.row {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .header-top .btn-header-top a {
        display: inline-block;
        padding: 0 10px;
        font-size: 9px;
        width: 100%;
    }
    
    .header-top>.container>.row>div:nth-child(2) {
        display: flex;
        justify-content: center;
    }
    .box-search>.form-inline {
        width: 200px;
    }
    
    .box-search>.form-inline>.form-group>.input-group input.form-control {
        height: 35px;
        width: 100%;
        padding-right: 35px;
    }
    .section-title-center, .section-title-center.section-title-slogan .title-slogan-center {
        font-size: 20px;
        margin-bottom: 45px;
    }
    
    .section-title-center.section-title-slogan .slogan {
        font-size: 14px;
    }
    .owl-theme .owl-controls .owl-buttons div {
        opacity: 1;
    }
    .wsmenu-list > li > a {
        text-transform: uppercase;
    }
    .wsmenu-click i {
        color: #fff;
        z-index: 999;
    }
    .wsmenu-list .wsmenu-click {
        display: block;
        border-left: none;
    }
    .logo-menu img.logo-menu {
        height: 70px;
        margin-bottom: 15px;
    }
    .wsmenu > .wsmenu-list > li > a i {
        display: none;
    }
    .wsmenu-submenu li {
        border: 0;
        padding: 0 15px;
    }
    
    .wsmenu-list li > .wsmenu-submenu {
        border: 0;
    }
    .logo img {
      height: 70px;
      object-fit: contain;
    }
    .navbar-header {
        z-index: 9;
        position: relative;
    }
    .header-main:before {
        display: none;
    }
    .info-company ul li:first-child a {
        border: none;
    }
    .header-main>.container>.row>div:nth-child(1), .header-main>.container>.row>div:nth-child(3) {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .content-product-list .list-category>.row>div , [class^="col-"], .block-news.box-partners .item, .box-detail-list-product>.row>div{
        padding-right: 5px;
        padding-left: 5px;
    }
    
    .item-product {
        margin-bottom: 10px;
    }
    
    .row, .block-news.box-partners>.row, .content-product-list .list-category>.row ,.box-detail-list-product>.row{
        margin-right: -5px;
        margin-left: -5px;
    }
    .header-main.fix {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 20%);
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 3px rgb(0 0 0 / 20%);
        z-index: 1010;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        background: var(--bg-primary);
    }
    .header-main.nav-down.fix {
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }
    
    .nh-row.header-main.nav-down.fix.nav-up {
        transform: translateY(-120%);
        -webkit-transform: translateY(-120%);
        -moz-transform: translateY(-120%);
        -o-transform: translateY(-120%);
    }
}
@media (max-width:992px){
    .wsmenu-submenu li {
        border: 0;
    }
    
    .wsmenu-list li > .wsmenu-submenu {
        border: 0;
    }
    div#header {
        background: var(--bg-primary);
    }
    .popup-content-show-customs .modal-content {
        max-height: 100%;
        /*height: calc(100vh - 100px);*/
        max-width: 100%;
        margin-left: 0;
    }
    
}
/*iphone 6/7/8/X Landscape*/
@media (min-width: 667px) and (max-width: 926px){
    .header-main .btn-header-top {
        display: block;
    }
    .navbar-header {
        text-align: center;
    }
    .info-company {
        display: none;
    }
    .box-product-tab-home .list-tab>.list-title-txt>.item-tab-home {
        width: 33.33%;
        text-align: center;
        border-right: 0;
    }
    .scoll-right-bottom {
        display: none;
    }
    .scoll-bottom-mobile {
        display: block;
        background-image: var(--gold-grad-h);
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        z-index: 9999;
    }
    .scoll-bottom-mobile>ul {
        list-style: none;
        margin: 0;
        display: flex;
    }
    
    .scoll-bottom-mobile>ul>li {flex: 0 0 20%;max-width: 20%;border-right: 1px solid #959595;}
    
    .scoll-bottom-mobile>ul>li {
        padding-bottom: 5px;
        padding-top: 3px;
    }
    .scoll-bottom-mobile button {
        background: none;
        border: none;
    }
    .scoll-bottom-mobile>ul>li>a {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 5px;
        font-size: 13px;
    }
    .scoll-bottom-mobile>ul>li>a>span {
        margin-top: 3px;
        color: var(--text-on-gold);
        font-weight: 500;
    }
    .scoll-bottom-mobile>ul>li:last-child {
        border: 0;
    }
}

@media (max-width: 767px){
    .btn-header-top {
        display: none;
    }
    .wsmenu .btn-header-top {
        display: block;
    }
    .header-main>.container>.row>div:nth-child(2) {
        width: 70px;
        padding: 0;
    }
    .header-main>.container>.row>div:nth-child(1),.header-main>.container>.row>div:nth-child(3) {
        width: calc(50% - 35px);
    }
    .service-item-center>ul>li {
         flex: 0 0 50%;
    }
    .service-item-center>ul {
        display: flex;
        flex-wrap: wrap;
        padding: 10px 0;
    }
    .box-gallery.box-gallery-top-right .light-gallery .light-gallery-show.item-video-right {
        padding-top: 10px;
        display: flex;
        /* margin: 0 -5px; */
        padding-right: 5px;
        padding-left: 5px;
    }
    .box-gallery.box-gallery-top-right .light-gallery .light-gallery-show.item-video-right a.nh-video-item {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 5px;
    }
    .box-product-tab-home .list-tab>.list-title-txt>.item-tab-home {
        flex: 0 0 41%;
        text-align: center;
        margin-bottom: 10px;
    }
    
    .box-product-tab-home .list-tab>.list-title-txt>.item-tab-home:nth-child(2n+2) {
        border: 0;
    }
    
    .item-product .info {
        padding: 5px 5px 0px 5px;
    }
    
    .title-product a {
        font-size: 12px;
    }
    
    .title-product {
        line-height: 1.5;
        max-height: 60px;
        margin-bottom: 7px;
        height: 60px;
        letter-spacing: -0.15px;
    }
    
    .item-product .info .info-build>ul>li {
        font-size: 11px;
        letter-spacing: -0.2px;
    }
    
    .item-product .info .info-build>ul {
        margin-bottom: 5px;
    }
    
    .list-item>.item-product .img {
        margin-bottom: 3px;
    }
    .box-product-tab-home .list-tab>ul>li>a {
        font-size: 10px;
    }
    
    .box-product-tab-home .list-tab>ul>li {
        padding: 0 5px;
    }
    .banner-register .content-register p {
        font-size: 10px;
        font-family: serif;
    }
    
    .banner-register .img img {
        height: 25vw;
    }
    
    .banner-register .content-register .link-banner a {
        height: 35px;
        line-height: 35px;
        font-size: 11px;
        margin-top: 11px;
        padding: 0px 20px;
    }
    .nav-tabs-03.nav-tabs>li>a {
        border-radius: 0;
        font-size: 14px;
        padding: 10px 5px;
        border: 1px solid #7770;
    }

    .content-form-tu-van .form-group>.row {
        display: flex;
    }
    .content-tra-cuu-phong-thuy .item-form {
        margin-bottom: 20px;
    }
    
    .content-architecture-about .img-architecture {
        margin-bottom: 20px;
    }
    .description-list-core-values .item-values {
        margin-bottom: 15px;
        height: auto;
    }
    .content-vision-mission .item-vision-mission {
        margin-bottom: 20px;
    }
    .section-team .content-team .info-team .description p {
        font-size: 16px;
    }
    .section-title-center:after {
        width: 115px;
        height: 25px;
    }
    .advanced-product .content-box-left .form-group {
        margin-bottom: 15px;
    }
    .advanced-product .content-box-left .form-group {
        margin-bottom: 15px;
    }
    #load-list-data .cate-child-product>.row {
        margin-right: -7.5px;
        margin-left: -7.5px;
    }
    
    #load-list-data .cate-child-product>.row>div {
        padding-right: 7.5px;
        padding-left: 7.5px;
    }
    
    .cate-child-product .item-child a {
        margin-bottom: 10px;
        font-size: 10px;
    }
    .section-cam-ket .content-cam-ket .item-cam-ket {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 30px;
    }
    
    .text-cam-ket .text-top-cam-ket {
        font-size: 13px;
    }
    
       .text-cam-ket {
        margin: -40px 10px 0;
        padding: 10px 5px 10px;
    }
    .detail-post .title-news {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .title-main.bottom {
        margin-bottom: 15px;
        margin-top: 10px;
    }
    
    .breadcrumb {
        line-height: 1.7;
    }
    .detail-post .more-blogs {
        margin-bottom: 20px;
    }
    
    .ckeditor-post div#toc_container ul.toc_list li a {
        font-size: 14px;
    }
    
    .ckeditor-post div#toc_container .toc_title {
        font-size: 18px;
    }
    
    .product-customer-content>div {
        margin-bottom: 10px;
    }
    .ckeditor-post h2 {
        font-size: 20px;
    }
    
    .ckeditor-post h3, .ckeditor-post h4 {
        font-size: 18px;
    }
    
    .header-info .info-house>.row>div {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .product-detail .consultation-request .py-40 {
        padding-top: 0 !important;
        padding-bottom: 20px !important;
    }
    .list-product-small .title-product a {
        font-size: 12px;
    }
    .title-name-product {
        font-size: 20px;
        line-height: 1.4;
    }
    .title-blogs-item a {
        font-size: 16px !important;
    }
    
    .title-blogs-item {
        height: 42px;
    }
    .box_module.bottom.box-contacts .box-contact-form {
        margin-bottom: 20px;
    }
    .section-yeu-cau .consultation-request .py-40 {
        padding-top: 0px !important;
         padding-bottom: 0px !important;
    }
    .form-group.btn-sm-group {
        margin-bottom: 0 !important;
    }
    .text-cam-ket .text-bottom-cam-ket {
        font-size: 11.5px;
    }
    .content-contact-sign-home .form-group.list-button .btn-content {
        width: 100%;
    }
    .nav-tabs-03.nav-tabs>li.active>a, .nav-tabs-03.nav-tabs>li>a:hover {
        padding: 10px 10px;
    }
    
    .nav-tabs-03.nav-tabs>li>a>span {
        font-size: 12px;
    }
    #load-list-data .box-detail-list-product>.row>.list-item.list-category {
        width: 50%;
        max-width: 50%;
    }
    .cate-product-toc {
        display: block;
    }
}

@media (min-width:768px) and (max-width:1024px){
    
    .address-ft .footer-phone {
        letter-spacing: -0.4px;
    }
    .content-form-tu-van .form-group>.row {
        display: flex;
    }
    
    .form-group .title-form {
        font-size: 11px;
    }

    span.icon {
        height: 30px;
        width:80px;
    }
    
    .dich-vu-hoangkim-tcd-mobile {
        display: none;
    }
    
    .service-item-center>ul>li>a>.name {
        font-size: 11px;
    }
    
    .service-item-center>ul>li>a {
        padding: 5px;
    }
    .box-product-tab-home .list-tab>ul>li>a {
        font-size: 11px;
    }
    
    .item-product .info {
        padding: 5px 5px 0px 5px;
    }
    
    .title-product {
        margin-bottom: 10px;
    }
    
    .title-product a {
        font-size: 12px;
        letter-spacing: -0.4px;
    }
    
    .item-product .info .info-build>ul>li {
        font-size: 11.5px;
        letter-spacing: -0.9px;
    }
    
    .banner-register .content-register p {
        font-size: 16px;
        font-family: serif;
    }
    
    .banner-register .content-register .link-banner a {
        font-size: 14px;
        height: 45px;
        line-height: 45px;
        margin-top: 10px;
    }
    .section-cam-ket .content-cam-ket .item-cam-ket {
        flex: 0 0 33.3%;
        max-width: 33.3%;
        margin-bottom: 30px;
    }
    .description-list-core-values>.row>div {
        margin-bottom: 15px;
    }
    .advanced-product .content-box-left .form-group {
        margin-bottom: 15px;
    }
    .block-nav-left-mobile .bs-docs-sidenav {
        display: flex;
        flex-wrap: wrap;
    }
    
    .block-nav-left-mobile .bs-docs-sidenav>li {
        flex: 0 0 32.33%;
        margin-right: 5px;
    }
    .list-product-small .title-product a {
        font-size: 12px;
    }
    .title-name-product {
        font-size: 20px;
    }
    #load-list-data .box-detail-list-product>.row>.list-item.list-category {
        width: 33.33%;
        max-width: 33.33%;
    }
    .col_left.box-cate.clearfix .box-left.box .title_style .block-nav-left-mobile nav.bs-docs-sidebar.side-bar-left>ul>li {
        flex: 0 0 100%;
        margin-right: 0;
    }
}

@media (min-width:1094px) and (max-width:1400px){
    .wsmenu-list > li > a {
        font-size: 12px;
    }
    .wstheading a, .megamenu ul>li>a  {
        font-size: 14px;
    }
    .description-item-left-service {
        font-size: 13px;
    }
    .box_module.bottom.box-contacts .box-contact-form {
        padding: 38px 30px;
    }
}
@media (min-width:1440px) {
    .wstheading a, .megamenu ul>li>a {
        font-size: 15px;
    }
    .menu-noi-that .megamenu {
        width: 110%;
    }
    .menu-kien-truc .megamenu {
        width: 200%;
    }
}

@media (min-width:1920px){
    body {
        font-size: 18px;
    }
    .wstheading a, .megamenu ul>li>a {
        font-size: 16px;
    }
    .menu-noi-that .megamenu {
        width: 90%;
    }
    .menu-kien-truc .megamenu {
        width: 150%;
    }
    .description-item-left-service {
        font-size: 18px;
        margin-bottom: 30px;
    }
    .section-title-center, .section-title-center.section-title-slogan .title-slogan-center {
        font-size: 36px;
    }
    .box-product-tab-home .list-tab>.list-title-txt>.item-tab-home>a {
        font-size: 18px;
    }
    .service-item-center>ul>li>a {
        padding: 19px!important;
    }
    .info-company ul li a {
        font-size: 15px;
    }
    .info-company ul li a i {
        font-size: 15px;
    }
    .btn-header-top a {
        font-size: 15px;
    }
    #search-type .dropdown-toggle {
        font-size: 15px;
    }
    .wsmenu-list > li > a {
        font-size: 15px;
    }
    .wsmenu-submenu li a {
        font-size: 15px;
    }
    .wsmenu-list > li > .navtext {
        padding: 0 18px;
    }
    .popup-content-show-customs .modal-content {
        max-height: 100%;
        /*height: calc(100vh - 100px);*/
        max-width: 75%;
        margin-left: 12.5%;
    }
}

.section-video-architecture>.container>.row>div:nth-child(1) {
    padding-right: 40px;
}

.section-video-architecture>.container>.row>div:nth-child(2) {
    padding-left: 40px;
}


.contact-yeu-cau-right>.form-group>.row>div>label.title-form {
    padding-top: 0 !important;
    padding-bottom: 5px;
}
.box-gallery-list .item-list-video .image-wrapper {
    position: relative;
    padding-top: 56%;
}

.box-gallery-list .item-list-video .image-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.ckeditor-post div#toc_container .toc_title span.toc_toggle a {
    padding: 0 5px;
}
.content-cau-hoi-thuong-gap .panel .panel-heading a.collapsed:after {
    content: '\f078';
    font-family: 'FontAwesome';
    right: 0;
    position: absolute;
}

.content-cau-hoi-thuong-gap .panel .panel-heading a:after {
    content: '\f077';
    font-family: 'FontAwesome';
    right: 0;
    position: absolute;
}

 .select {
     cursor: pointer;
     display: inline-block;
     position: relative;
     font-size: 14px;
     color: #fff;
     width: 100%;
     height: 34px;
}
/* .form-group select {
     display: none !important;
}
*/
.custom-select {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     color: #9E9E9E;
     padding: 0px 5px;
     -moz-transition: all 0.2s ease-in;
     -o-transition: all 0.2s ease-in;
     -webkit-transition: all 0.2s ease-in;
     transition: all 0.2s ease-in;
     border-style: solid;
     border: 1px solid;
     border-image-slice: 1;
     border-image-source: linear-gradient(to right bottom, var(--gold-light), var(--gold-dark));
     background: linear-gradient(135deg, var(--gold-dark), var(--gold-light));
     line-height: 34px;
}
 .custom-select:after {
     content: "";
     width: 0;
     height: 0;
     border: 5px solid transparent;
     border-color: var(--bg-primary) transparent transparent transparent;
     position: absolute;
     top: 14px;
     right: 10px;
     transform: rotateZ(0deg);
     transition: all 0.5s;
     transform-origin: 50% 25%;
}
.content-tra-cuu-phong-thuy .custom-select:after {
    border-color: #f5be65 transparent transparent transparent;
}
.section-contact-form-tu-van .custom-select:after {
    border-color: #f5be65 transparent transparent transparent;
}
.filter .custom-select:after {
    border-color: #f5be65 transparent transparent transparent;
}
.advanced-filter .custom-select:after {
    border-color: #f5be65 transparent transparent transparent;
}
.select-options {
     max-height: 200px;
     overflow-y: auto;
     display: none;
     position: absolute;
     top: 100%;
     right: 0;
     left: 0;
     z-index: 999;
     margin: 0;
     padding: 0;
     list-style: none;
     border-radius: 0px 0px 5px 5px;
     background-image: linear-gradient(to right, var(--bg-elevated), var(--bg-primary));
}
 .select-options li {
     color: #fff;
     margin: 0;
     padding: 8px 0;
     -moz-transition: all 0.15s ease-in;
     -o-transition: all 0.15s ease-in;
     -webkit-transition: all 0.15s ease-in;
     transition: all 0.15s ease-in;
     padding-left: 10px;
     font-size: 13px;
}
 .select-options li:hover {
     color: #424242;
     background: #fff;
}
 .select-options li[rel="hide"] {
     display: none;
}
ul.select-options::-webkit-scrollbar {
     width: 10px;
     background-color: #F5F5F5;
     border-radius: 0 0 5px 0;
}
ul.select-options::-webkit-scrollbar-thumb {
     border-radius: 10px;
     background-color:#9E9E9E;
}

.icon-nha .custom-select:before {
    background: url(/uploads/plugin/custom_img/2022-08-01/vector.png);
}

.icon-sle .custom-select {
    padding-left: 25px;
}

.icon-sle .custom-select:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 5px;
    width: 15px;
    height: 15px;
    background-size: contain;
}

.icon-mat-tien .custom-select:before {
    background: url(/uploads/plugin/custom_img/2022-08-01/vector2.png);
}

.icon-dien-tich .custom-select:before {
    background: url(/uploads/plugin/custom_img/2022-08-01/vector3.png);
}

@media (max-width:576px){
    .content-house h2 span {
        font-size: 20px!important;
    }
    .box-product-tab-home .list-tab>.list-title-txt>.item-tab-home {
        flex: 0 0 41%;
    }
    .hoangkim-tcd-title-home {
        margin-top: 20px;
    }
    .dich-vu-hoangkim-tcd-pc {
        display: none;
    }
    span.icon {
        height: 7.4vw;
    }
    #load-list-data .filter {
        height: 200px;
        margin-bottom: 20px;
    }
    .owl-pagination {
        display: none;
    }
    .title-main.bottom {
        margin-top: 10px;
    }
    .scoll-right-bottom {
        display: none;
    }
    /*.scoll-bottom-mobile{*/
    /*    display: block;*/
    /*    z-index: 11;*/
    /*}*/
    .scoll-bottom-mobile {
        display: block;
        background-image: var(--gold-grad-h);
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        z-index: 9999;
    }
    .scoll-bottom-mobile>ul {
        list-style: none;
        margin: 0;
        display: flex;
    }
    
    .scoll-bottom-mobile>ul>li {flex: 0 0 25%;max-width: 25%;border-right: 1px solid #959595;}
    
    .scoll-bottom-mobile>ul>li {
        padding-bottom: 5px;
        padding-top: 3px;
    }
    .scoll-bottom-mobile>ul>li>a {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 5px;
        font-size: 13px;
    }
    
    .scoll-bottom-mobile>ul>li>a>span {
        margin-top: 3px;
        color: var(--text-on-gold);
        font-weight: 500;
    }
    
    .scoll-bottom-mobile>ul>li:last-child {
        border: 0;
    }
    .section-architecture-hoangkim-tcd .section-title-center.section-title-slogan .title-slogan-center {
        line-height: 1.3;
    }
    
    .section-architecture-hoangkim-tcd .section-title-center.section-title-slogan  p.slogan {
        line-height: 1.3;
        margin-bottom: 0;
    }
    .service-hoangkim-tcd .section-title-center {
        display: none;
    }
    
    /*.service-hoangkim-tcd .item-left-service .description-item-left-service {*/
    /*    display: none;*/
    /*}*/
    .btn-tai-lieu a.btn-link span {
        font-size: 10px;
    }
    
    .btn-tai-lieu a.btn-link svg {
        margin-bottom: 5px;
        width: 20px;
        height: 20px;
    }
    
    .btn-tai-lieu {
        padding-top: 100%;
    }
    .section-form-tu-van-mb>.container>.row>div {
        width: 100%;
    }
    #pc_dienthoai .modal-dialog {
        top: 30%;
    }
    #ho_so_nang_luc .modal-dialog {
        top: 30%;
    }
    .content-architecture {
        display: none;
    }
    .section-architecture-hoangkim-tcd:before {
        display: none;
    }
    .section-title-center.section-title-slogan .slogan {
        font-size: 13px;
    }
    .cate-left-local {
        display: none;
    }
    .detail-right .contact-custom-product {
        display: none;
    }
    .cate-left-kien-truc .bs-docs-sidenav {
        margin-bottom: 0;
    }
    .cate-left-kien-truc .bs-docs-sidenav>li {
        width: 31.5%;
        border: 1px solid rgb(178 133 68 / 80%);
        float: left;
        text-align: center;
        margin-right: 3px;
        margin-left: 3px;
        margin-bottom: 5px;
    }
    .cate-left-kien-truc .bs-docs-sidenav li a {
        font-size: 11px;
        padding: 10px 0;
    }
    .box-product-tab-home .list-tab {
        margin-bottom: 0;
    }
    .box-product-tab-home .list-tab>.list-title-txt>.item-tab-home>a {
        border: 1px solid;
        border-image-slice: 1;
        border-image-source: linear-gradient(to right bottom, var(--gold-light), var(--gold-dark));
        background: linear-gradient(135deg, var(--gold-dark), var(--gold-light));
        background-image: linear-gradient(to right, var(--bg-elevated), var(--bg-primary));
        border-radius: 0;
        font-size: 11px;
        padding: 8px 4px;
        width: 100%;
    }
    .popup-content-show-customs .modal-dialog {
        width: 95%!important;
        max-width: 95%!important;
    }
    .detail-post iframe {
        width: 100%;
        height: 202px !important;
        /*position: absolute;*/
        /*top: 0;*/
        /*left: 0;*/
    }
    .item-tac-gia-top {
        padding: 15px;
        display: block;
    }
    .item-tac-gia-top .img-tac-gia {
        margin: 0 auto;
    }
    .item-tac-gia-top .item-right {
        padding-left: 0;
    }
    .detail-post .ckeditor-post table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    }
    .pkcp-button-wrapper {
        position: absolute;
        bottom: 58px;
        right: -50px;
    }
    .pkcp-button-wrapper #pkcp-button {
        height: 40px !important;
    }
    .box_cate-description .cate-content img {
        max-width: 100%!important;
    }
    .content-house iframe {
        width: 100% !important;
        height: 188px !important;
        /*position: absolute;*/
        top: 0;
        left: 0;
    }
}

@media (max-width:420px){
    .title-main.bottom {
        margin-top: 10px;
    }
    .section-title-center {
        font-size: 18px;
    }
    .section-title-center:after {
        bottom: -25px;
        left: 49.9%;
    }
    .products .name-cate .section-title-center {
        font-size: 22px;
    }
    .home-video-khach-hang .item-video-right {
        display: none!important;
    }
    .home-video-nha-dep .thub-video {
        display: none!important;
    }
    .light-gallery-video i.fa {
        top: 68%;
    }
    .home .item-blogs .desc-blogs {
        display: none;
    }
    .box-gallery-title .btn-youtube a {
        padding: 6px 10px 7px;
    }
    .thub-image.thub-video {
        display: none;
    }
    #pc_dienthoai .modal-dialog {
        top: 30%;
    }
    #ho_so_nang_luc .modal-dialog {
        top: 30%;
    }
    .content-architecture {
        display: none;
    }
    .section-architecture-hoangkim-tcd:before {
        display: none;
    }
    #content-row-84 {
        padding-bottom: 10px!important;
    }
    .nav-tabs-03.nav-tabs>li>a>span {
        font-size: 11px;
    }
    .nav-tabs-03.nav-tabs>li>a {
        padding: 10px 7px;
    }
    .nav-tabs-03.nav-tabs>li.active>a {
        padding: 10px 7px;
    }
    .cate-left-kien-truc .bs-docs-sidenav {
        margin-bottom: 0;
    }
    .cate-left-kien-truc .bs-docs-sidenav>li {
        width: 31.5%;
        border: 1px solid rgb(178 133 68 / 80%);
        float: left;
        text-align: center;
        margin-right: 3px;
        margin-left: 3px;
        margin-bottom: 5px;
    }
    .cate-left-kien-truc .bs-docs-sidenav li a {
        font-size: 11px;
        padding: 10px 0;
    }
    #ban-dieu-hanh-hoangkim-tcd li {
        width: 50%;
        height: 350px;
    }
    #ban-dieu-hanh-hoangkim-tcd li p {
        font-size: 11px;
    }
    .popup-content-show-customs .modal-dialog {
        width: 95%!important;
        max-width: 95%!important;
    }
}

@media (max-width:390px) {
    .nav-tabs-03.nav-tabs>li>a>span {
        font-size: 10px;
    }
    .nav-tabs-03.nav-tabs>li>a {
        padding: 10px 5px;
    }
    .nav-tabs-03.nav-tabs>li.active>a {
        padding: 10px 5px;
    }
}

@media (max-width:320px){ 
    .title-main.bottom {
        margin-top: 10px;
    }
    .section-title-center {
        font-size: 15px;
    }
    .home-video-khach-hang .item-video-right {
        display: none!important;
    }
    .home-video-nha-dep .thub-video {
        display: none!important;
    }
    .light-gallery-video i.fa {
        top: 68%;
    }
    .section-title-left>span {
        font-size: 18px;
    }
    .home .item-blogs .desc-blogs {
        display: none;
    }
    .box-gallery-title .btn-youtube a {
        padding: 6px 10px 7px;
    }
    .thub-image.thub-video {
        display: none;
    }
    #pc_dienthoai .modal-dialog {
        top: 30%;
    }
    #ho_so_nang_luc .modal-dialog {
        top: 30%;
    }
    .content-architecture {
        display: none;
    }
    .section-architecture-hoangkim-tcd:before {
        display: none;
    }
    #content-row-84 {
        padding-bottom: 10px!important;
    }
}

select.form-control{
    display: none;
}
.top-detail-product .img-video {
    position: relative;
    padding-top: 73%;
}

.top-detail-product .img-video img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.top-detail-product .img-video svg {
    position: absolute;
    right: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 35px;
    height: 35px;
}
.top-detail-product .item-nav, .top-detail-product .img-video {
    border: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right bottom, var(--gold-light), var(--gold-dark));
}
.top-detail-product .slider.slider-nav button.slick-prev {
    left: 7px;
}

.top-detail-product .slider.slider-nav .slick-next {
    right: 7px;
}
.top-detail-product .slider.slider-nav button.slick-prev, .top-detail-product .slider.slider-nav .slick-next{
    width: 24px;
    height: 24px;
}

 .effect-change-img img {
	opacity: 0;
	filter: opacity(0);
	visibility: hidden;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	z-index: 10;
}

.list-item>.item-product .img:hover .effect-change-img img {
	opacity: 1;
	filter: opacity(1);
	visibility: visible;
}

div#display_tracuu_phongthuy .modal-dialog {
    width: auto;
}

div#display_tracuu_phongthuy .modal-dialog .modal-content button.close {
    position: absolute;
    top: 5px;
    right: 10px;
    z-index: 999;
    color: #fff;
    opacity: 1;
}
div#display_tracuu_phongthuy .modal-dialog .modal-content .modal-body {
    padding: 20px;
    color: #fff!important;
}

div#display_tracuu_phongthuy .modal-dialog .modal-content .modal-body h1 {
    font-size: 25px;
    margin-top: 0;
    margin-bottom: 15px;
}
.page-author a {
    color: var(--white);
}
.item-tac-gia-top .item-left .img-tac-gia {width: 110px;height: 110px;border-radius: 100%;overflow: hidden;}

.item-tac-gia-top .item-left .img-tac-gia img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.image.item-video {
    position: relative;
    padding-top: 56%;
}

.image.item-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.share-product {
    position: absolute;
    right: 5px;
    top: 12%;
}

.slider-share {
    position: relative;
}

.content-tab-product .tab-content.fixCol>.row>div {
    padding: 0 5px;
}

.box-product-style5 .tab-product.tabs-house {
    margin-bottom: 15px;
}
.share-product .icon-share {
    height: 30px;
    width: 30px;
    background: var(--gold-grad-h);
    border-radius: 50%;
    text-align: center;
    line-height: 32px;
    color: #0b1f33;
    font-size: 17px;
}

.share-product .all-link {
    position: absolute;
    left: 0;
    opacity: 0;
    transition: 1.1s;
    z-index: 99;
    top: 125%;
}

.share-product .all-link ul {
    margin: 0;
    padding: 0;
}

.share-product .all-link ul>li {
    list-style: none;
    padding: 0;
}

.share-product .all-link ul>li>a>i {
    color: #122c45;
}

.share-product .all-link ul>li>a {
    width: 30px;
    display: inline-block;
    background: var(--gold-grad-h);
    text-align: center;
    height: 30px;
    margin-bottom: 5px;
    line-height: 30px;
    font-size: 18px;
    border-radius: 50%;
}

.share-product.show .all-link {
    opacity: 1;
}
.description-cate {
    text-align: justify!important;
}
.description-cate p {
    font-size: 16px;
}
.description-cate a {
    color: #cdac44;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-bottom: 1px;
}
.description-cate ul {
    padding-left: 15px;
    margin-left: 15px;
}
.description-cate ul li {
    font-size: 16px;
}
.description-cate strong {
    color: var(--gold-mid);
}
.menu-thi-cong .megamenu {
    width: 100%;
}
.img-banner-category img {
    height: 40vw;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.box-left.product-box-detail .section-title-left {
    display: inline-block;
    background: linear-gradient(135deg, var(--gold-dark), var(--gold-light));
    text-fill-color: transparent;
    background-clip: text;
    background: -webkit-linear-gradient(135deg, var(--gold-dark), var(--gold-light));
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 22px;
    position: relative;
}

.box-left.product-box-detail .section-title-left:before {
    content: '';
    position: absolute;
    left: 0;
    width: 158px;
    height: 1px;
    bottom: -4px;
    background-image: var(--gold-grad-h);
}
.box_cate-description {
    max-height: 1200px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 15px;
    margin-bottom: 20px;
    padding: 15px;
    background-color: #fff;
    border-radius: 5px;
    border-top: 5px solid var(--gold-mid);
    border-bottom: 5px solid var(--gold-mid);
    color: #000;
}
.box_cate-description .content-house h2 {
    color: #000;
}
.box_cate-description .content-house h3 {
    color: #000;
}
.box_cate-description .content-house h4 {
    color: #000;
}
.box_cate-description .content-house h5 {
    color: #000;
}
.box_cate-description .content-house h6 {
    color: #000;
}
.box_cate-description .content-house p {
    color: #000;
}
.box_cate-description .content-house div {
    color: #000;
}
.box_cate-description .content-house em {
    color: #000;
}
.box_cate-description .content-house span {
    color: #000 !important;
}
.box_cate-description .content-house strong span {
    color: #000 !important;
}
.box_cate-description .content-house ul {
    color: #000;
}
.box_cate-description .content-house ul li {
    color: #000;
}
.box_cate-description .content-house ol {
    color: #000;
}
.box_cate-description .content-house ol li {
    color: #000;
}
.box_cate-description .content-house a {
    color: #0023ff;
    font-weight: bold;
}
.box_cate-description .cate-content img {
    max-width: 60%;
    height: auto;
}
.box_cate-description .cate-content table {
    color: #000;
}
/*.box_cate-description strong {*/
/*    color: var(--gold-mid);*/
/*}*/
@media (max-width:992px){
    .box-left.product-box-detail .section-title-left {
        font-size: 22px;
    }   
}

@media (min-width:576px) and (max-width:992px){
    .content-tra-cuu-phong-thuy .item-form {
        margin-bottom: 20px;
    }
}
.popup-show-content .modal-content button.close {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 999;
    width: 25px;
    height: 25px;
    background-image: linear-gradient(to right, var(--bg-elevated), var(--bg-primary));
    opacity: 2;
    color: #ae7f41;
    border-radius: 50%;
    line-height: 25px !important;
    font-size: 20px;
    text-shadow: none;
}

.popup-show-content .modal-content .modal-body {
    padding: 0;
}

.popup-show-content .form {
    background-image: linear-gradient(to right, var(--bg-elevated), var(--bg-primary));
    padding: 25px;
}

.popup-show-content .form .form-group.list-button {
    margin-bottom: 0;
}

.popup-show-content  .form .menu-footer-vertical.section-contact-footer {
    padding: 0;
}

span#time_sale_all_product {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    margin-bottom: 40px;
}

span#time_sale_all_product p {
    background-image: var(--gold-grad-h);
    border-radius: 15%;
    width: 60px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    margin: 0 10px;
    color: #000;
    font-weight: 700;
    font-size: 17px;
}
.dang-ky-video .slider-thumb {
    display: none!important;
}
.contact .contact-sign-home .slogan {
    text-align: center;
}
.contact .consultation-request .slogan {
    text-align: center;
}
.menu-ban-tin .wsmenu-submenu {
    right: 0;
}
.section-tra-cuu-phong-thuy {
    margin-bottom: 40px;
}

@media (min-width:768px) and (max-width:992px){
    #load-list-data .filter {
        height: 235px;
    }
    .top-detail-product .img-video {
        padding-top: 95%;
    }
    
    .btn-tai-lieu {
        padding-top: 78%;
    }
    
    .box-product-tab-home .list-tab>.list-title-txt>.item-tab-home {
        margin-bottom: 15px;
    }

}

@media (min-width:768px) and (max-width:1200px){
    .consultation-request .entry-contact p, .contact-product-chi-tiet .content-contact p>a {
        font-size: 13px;
    }
}
@media (min-width:1000px) and (max-width:1200px){
    /*.tabs-block .tab-content p.desc-blogs {*/
    /*    display: none;*/
    /*}*/
    .content-tra-cuu-phong-thuy .item-form .section-title-left>span {
        font-size: 19px;
    }
}
@media (min-width:992px) and (max-width:1200px){
    .service-item-center>ul>li>a {
        padding: 15px;
    }
}
@media (max-width:1199.98px){
    .description-item-left-service {
        font-size: 12px;
        margin-bottom: 10px;
    }
    
    .image-wrapper .image-title {
        opacity: 1;
        /*display: block;*/
    }
    
    .image-wrapper .image-title span {
        font-size: 10px;
        color: #fff;
    }
    .item-video-right .image-wrapper.fancybox-gallery .image-title {
        width: 80%;
        padding: 5px 10px;
    }
}

.popup-content-show-customs .modal-dialog {
    width: 65%;
    max-width: 75%;
    top: 50%;
    transform: translateY(-50%) !important;
    /*width: 1200px;*/
    margin: 0 auto;
}
.popup-content-show-customs .modal-body {
    padding: 0;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
}
.popup-content-show-customs .modal-body img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.popup-content-show-customs button.close {
    width: 30px;
    height: 30px;
    border: 2px solid white;
    border-radius: 50%;
    line-height: 26px;
    background: var(--color-main);
    color: white;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block;
    text-align: center;
    box-shadow: 0 1px 2px rgb(0 0 0 / 70%);
    text-shadow: none;
    position: absolute;
    right: -10px;
    top: -12px;
    background: #000;
    opacity: 1;
    z-index: 99999;
}
.content-form-popup {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 50px;
    height: 100%;
    overflow-x: hidden;
}
.section-contact-popup input.form-control {
    font-size: 14px;
    height: 44px;
    box-shadow: none;
    border: none;
    background: rgb(0 0 0 / 42%);
    border-radius: 50px;
    color: white;
    border: 1px solid #fff;
}
.section-contact-popup .form-control::-webkit-input-placeholder {
    color: #fff;
}
.section-contact-popup .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
}
.section-contact-popup .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
}
.section-contact-popup .form-control:-ms-input-placeholder {
    color: #fff;
}
.section-contact-popup .form-group.list-button button {
    background-image: linear-gradient(to right bottom, var(--gold-light), var(--gold-dark));
    border-radius: 50px;
    text-transform: uppercase;
    font-size: 18px;
    padding: 8px 40px;
    color: #fff;
    width: 100%;
}
.content-form-popup .description-popup img {
    width: 70%;
    height: auto !important;
    max-width: 100%;
    object-fit: contain !important;
}
.content-form-popup .content-top img {
    height: 120px;
    object-fit: contain;
    display: none;
}
.content-form-popup .content-top {
    text-align: left;
    margin-right: auto;
    display: table;
    margin-bottom: 70px;
}
.content-form-popup>.row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.content-form-popup .content-top .modal-title {
    font-size: 40px;
}
.content-form-popup .modal-title {
    background: -webkit-linear-gradient(135deg, var(--gold-light), var(--gold-dark));
    background: var(--gold-grad-h);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #0000;
    text-fill-color: transparent;
    font-size: 26px;
    margin-bottom: 50px;
    font-weight: 700;
    font-style: italic;
    display: none;
}
@media (max-width:992px){
    .content-form-popup {
        padding: 20px;
    }
    .content-form-popup .content-top img {
        height: 70px;
        display: none;
    }
    .content-form-popup .content-top {margin: 0 auto 20px;}
    
    .content-form-popup .modal-title {
        margin-bottom: 20px;
        display: none;
    }
}

.content-form-popup::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
    border:1px solid #fff
} 
.content-form-popup::-webkit-scrollbar-thumb {
    background-color: #2c404f;
    width:5px
}
.menu-footer-vertical .section-title-center {
    font-size: 25px;
}
/*.item-product::before {*/
/*  content: "";*/
/*  width: 100%;*/
/*  height: 100%!important;*/
/*  position: absolute;*/
/*  inset: 0;*/
/*  border-radius: 5px; */
/*  padding: 1px; */
/*  background: linear-gradient(to right bottom, #f1cb7599, #ae7f41ba);*/
/*  -webkit-mask: */
/*     linear-gradient(#fff 0 0) content-box, */
/*     linear-gradient(#fff 0 0);*/
/*  -webkit-mask-composite: xor;*/
/*          mask-composite: exclude; */
/*}*/

@media (min-width:1200px){
    .menu-fix-mobile{
        display: none;
    }
    .dich-vu-hoangkim-tcd-mobile {
        display: none;
    }
    .header-top .logo {
        display: none;
    }
}
@media (min-width:768px) and (max-width:1150px){
    /*.info-company {*/
    /*    display: none;*/
    /*}*/
    .section-video-architecture>.container>.row>div:nth-child(1) {
        padding-right: 20px;
    }
    .section-video-architecture>.container>.row>div:nth-child(2) {
        padding-left: 20px;
    }
    .is-pc .header-top>.container>.row>div:nth-child(1), .is-pc .header-top>.container>.row>div:nth-child(3) {
        width: calc(50% - 65px);
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .is-pc .header-top>.container>.row>div {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .is-pc .box-search {
        margin-top: 5px;
        margin-bottom: 5px;
        padding: 0;
    }
    
    .is-pc .header-top {
        padding: 0;
    }
    
    .is-pc .box-search>.form-inline>.form-group>.btn-search {
        background: none !important;
        border: 0 !important;
        height: 35px !important;
        padding: 9px 0px;
    }
    
    .is-pc .box-search>.form-inline>.form-group>.input-group input.form-control {
        height: 30px;
    }
    
    .is-pc .box-search>.form-inline {
        height: 30px;
        width: 130px;
    }
    
    .is-pc .navbar-header {
        position: absolute;
        top: -20px;
        z-index: 999;
        /*left: 10px;*/
        width: 100%;
        bottom: initial !important;
    }
    .is-pc .section-tab-article .list-item-article.box-blogs .info p.desc-blogs {
        display: none;
    }
    
    .is-pc .section-tab-article .list-item-article.box-blogs .info .more-blogs {
        margin-bottom: 0;
    }
    
    .is-pc .nav-tabs-03.nav-tabs>li>a>span {
        font-size: 10px;
    }
    
    .is-pc .tabs-block ul.nav.nav-tabs li>a {
        padding: 5px 5px;
    }
    
    .is-pc .content-tra-cuu-phong-thuy .section-title-left {
        margin-bottom: 20px;
    }
    
    .is-pc .content-tra-cuu-phong-thuy .content-form .form-group {
        margin-bottom: 0px;
    }
    .is-pc .section-tra-cuu-phong-thuy {
        margin-bottom: 0;
    }
    .is-pc .section-video-architecture {
        padding-bottom: 0 !important;
    }
    
    .is-pc .item-form.backgroud-border-gr {
        margin-bottom: 10px;
    }
    
    .is-pc .content-form-tu-van .form-group>.row {
        display: flex;
        flex-direction: column;
    }
    
    .is-pc .content-form-tu-van .form-group>.row>div {
        width: 100% !important;
    }
    
    
    .is-pc .content-form-tu-van .form-group>.row>div:nth-child(1) label.title-form {
        padding-top: 0;
        padding-bottom: 5px;
    }
    
    .is-pc .content-form-tu-van .form-group {
        margin-bottom: 5px;
    }
    .is-pc .section-title-center.section-title-slogan .title-slogan-center {
        margin-bottom: 0 !important;
        /*line-height: 1;*/
    }
    
    .is-pc .section-title-center.section-title-slogan .slogan {
        margin-bottom: 0;
    }
    .is-pc .menu-left-right-pc {
        display: none;
    }
    .is-pc .title-menu-ft {
        font-size: 18px;
    }
}

element.style {
    width: 211.549px;
}
.table-bordered>tbody>tr>td {
    border: 1px solid rgb(178 133 68 / 80%) !important;
    width: auto;
}
.img-border-gradient {
    border: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right bottom, var(--gold-light), var(--gold-dark));
    max-width: 100%;
    margin-top: 5px;
}
.modal .modal-header {
    display: none;
}
#pc_dienthoai .modal-dialog .modal-content {
    background-image: var(--gold-grad-h);
}
.button_gift_box {
    animation-iteration-count: infinite;
    animation-duration: 1.5s;
}
#gift-content ul {
    float: left;
    padding: 0 20px;
    margin-bottom: 0;
}
#gift-content ul li {
    list-style: none;
    text-align: justify;
}

/*Ipad portrait*/
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    .header-top {
        display: block;
    }
    /*#header-row-62.header-main {*/
    /*    display: none;*/
    /*}*/
    /*.navbar-header {*/
    /*    top: 0px;*/
    /*}*/
    /*.header-tablet {*/
    /*    display: none;*/
    /*}*/
    .info-company {
        display: none;
    }
    .header-top .logo {
        display: block;
    }
    .header-row-tablet .logo {
        display: none;
    }
    .box-product-tab-home .list-tab>.list-title-txt>.item-tab-home {
        padding: 0 5px;
        width: 15%;
        border-right: 0;
    }
    .is-pc .header-top>.container>.row>div:nth-child(1), .is-pc .header-top>.container>.row>div:nth-child(3) {
        width: calc(50% - 47px);
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .cate-child-product .item-child a {
        font-size: 13px;
    }
    .box-search>.form-inline {
        width: 130px;
    }
    .navbar-header {
        text-align: center;
    }
    .nav-up .navbar-header {
        top: -35px;
    }
    .box-product-tab-home .list-tab>.list-title-txt>.item-tab-home {
        width: 33.33%;
        border-right: none;
        text-align: center;
        margin-bottom: 15px;
    }
    .box-product-tab-home .list-tab>.list-title-txt>.item-tab-home>a {
        border: 1px solid;
        border-image-slice: 1;
        border-image-source: linear-gradient(to right bottom, var(--gold-light), var(--gold-dark));
        background: linear-gradient(135deg, var(--gold-dark), var(--gold-light));
        background-image: linear-gradient(to right, var(--bg-elevated), var(--bg-primary));
        border-radius: 0;
        font-size: 11px;
        padding: 8px 4px;
        width: 100%;
    }
    .popup-content-show-customs .modal-dialog {
        width: 80%!important;
        max-width: 80%!important;
    }
}
/*Ipad landscape*/
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
    /*.header-top {*/
    /*    display: none;*/
    /*}*/
    /*.header-main {*/
    /*    display: none;*/
    /*}*/
    /*.header-tablet {*/
    /*    display: block;*/
    /*}*/
    .header-top .logo {
        display: block;
    }
    .header-row-tablet .logo {
        display: none;
    }
    .is-pc .header-top>.container>.row>div:nth-child(1), .is-pc .header-top>.container>.row>div:nth-child(3) {
        width: calc(50% - 47px);
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .info-company {
        display: none;
    }
    .navbar-header {
        text-align: center;
    }
    .box-product-tab-home .list-tab>.list-title-txt>.item-tab-home>a {
        border: 1px solid;
        border-image-slice: 1;
        border-image-source: linear-gradient(to right bottom, var(--gold-light), var(--gold-dark));
        background: linear-gradient(135deg, var(--gold-dark), var(--gold-light));
        background-image: linear-gradient(to right, var(--bg-elevated), var(--bg-primary));
        border-radius: 0;
        font-size: 11px;
        padding: 8px 8px;
        width: 100%;
    }
    /*.header-top.nav-down.fix {*/
    /*    -webkit-transform: translateY(0%);*/
    /*    -ms-transform: translateY(0%);*/
    /*    -o-transform: translateY(0%);*/
    /*    transform: translateY(0%);*/
    /*}*/
}

/*Ipad Gen 10 */
@media all and (device-width: 1080px) and (device-height: 810px) and (orientation:landscape) {
    .wsmobileheader {
        display: block;
    }
    .animated-arrow span, .animated-arrow span:before, .animated-arrow span:after {
        background: #dabe63;
    }
    .animated-arrow span, .animated-arrow span:before, .animated-arrow span:after {
        transition: all 500ms ease-in-out;
    }
    .animated-arrow span {
        cursor: pointer;
        height: 2px;
        width: 23px;
        position: absolute;
        display: block;
        content: '';
    }
    .animated-arrow span:before {
        cursor: pointer;
        height: 2px;
        width: 23px;
        position: absolute;
        display: block;
        content: '';
        top: 7px;
    }
    .animated-arrow span:after {
        bottom: 7px;
        cursor: pointer;
        height: 2px;
        width: 23px;
        position: absolute;
        display: block;
        content: '';
    }
    .wsmain {
        width: 270px;
        left: -270px;
        height: calc(100vh + 60px);
        overflow-y: scroll;
        position: fixed;
        top: 0;
        margin: 0;
        float: none;
        background-color: #fff;
        border-radius: 0px;
        z-index: 103;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition: all 0.2s ease-in-out;
        border: none !important;
        background-color: #fff !important;
    }
}

/*Ipad pro 11 inch */
@media all and (device-width: 1194px) and (device-height: 834px) and (orientation:landscape) {
    .wsmobileheader {
        display: block;
    }
    .animated-arrow span, .animated-arrow span:before, .animated-arrow span:after {
        background: #dabe63;
    }
    .animated-arrow span, .animated-arrow span:before, .animated-arrow span:after {
        transition: all 500ms ease-in-out;
    }
    .animated-arrow span {
        cursor: pointer;
        height: 2px;
        width: 23px;
        position: absolute;
        display: block;
        content: '';
    }
    .animated-arrow span:before {
        cursor: pointer;
        height: 2px;
        width: 23px;
        position: absolute;
        display: block;
        content: '';
        top: 7px;
    }
    .animated-arrow span:after {
        bottom: 7px;
        cursor: pointer;
        height: 2px;
        width: 23px;
        position: absolute;
        display: block;
        content: '';
    }
    .wsmain {
        width: 270px;
        left: -270px;
        height: calc(100vh + 60px);
        overflow-y: scroll;
        position: fixed;
        top: 0;
        margin: 0;
        float: none;
        background-color: #fff;
        border-radius: 0px;
        z-index: 103;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition: all 0.2s ease-in-out;
        border: none !important;
        background-color: #fff !important;
    }
}

/*Ipad Pro portrait*/
@media (min-width: 1024px) and (max-width: 1279px){
    .header-top .logo {
        display: block;
    }
    .header-row-tablet .logo {
        display: none;
    }
    .box-product-tab-home .list-tab>.list-title-txt>.item-tab-home {
        padding: 0 5px;
        width: 15%;
        border-right: 0;
    }
    .is-pc .header-top>.container>.row>div:nth-child(1), .is-pc .header-top>.container>.row>div:nth-child(3) {
        width: calc(50% - 47px);
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .info-company {
        display: none;
    }
    .navbar-header {
        text-align: center;
    }
    .nav-up .navbar-header {
        top: -35px;
    }
    .box-product-tab-home .list-tab>.list-title-txt>.item-tab-home>a {
        border: 1px solid;
        border-image-slice: 1;
        border-image-source: linear-gradient(to right bottom, var(--gold-light), var(--gold-dark));
        background: linear-gradient(135deg, var(--gold-dark), var(--gold-light));
        background-image: linear-gradient(to right, var(--bg-elevated), var(--bg-primary));
        border-radius: 0;
        font-size: 11px;
        padding: 8px 8px;
        width: 100%;
    }
  }
/*End Ipad Pro portrait*/

/*Ipad Pro landscape*/
@media only screen and (min-width: 1366px) and (orientation: portrait) {
    .info-company {
        display: block;
    }
    .navbar-header {
        text-align: center;
    }
    .box-product-tab-home .list-tab>.list-title-txt>.item-tab-home>a {
        border: 1px solid;
        border-image-slice: 1;
        border-image-source: linear-gradient(to right bottom, var(--gold-light), var(--gold-dark));
        background: linear-gradient(135deg, var(--gold-dark), var(--gold-light));
        background-image: linear-gradient(to right, var(--bg-elevated), var(--bg-primary));
        border-radius: 0;
        font-size: 11px;
        padding: 8px 8px;
        width: 100%;
    }
  }
/*End Ipad Pro landscape*/


.cake-error {
    /*display: none;*/
}

.form-group.captcha {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.form-group.captcha .captcha-reload {
    width: 35px;
}

.form-group.captcha .text {
    width: auto;
}
#histats_counter {
    display: none;
}

.page-xuong ul li {
    font-size: 16px;
    padding-left: 20px;
    margin-bottom: 12px;
    list-style: none;
    text-align: justify;
}
.page-xuong ul li::before {
    content: "\2022";
    color: #eec94f;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
#content-row-113 .consultation-request input.form-control {
    height: 40px;
}
#content-row-115 .select {
    height: 40px;
}
#content-row-115 .select .custom-select {
    line-height: 40px;
}
#content-row-115 .select .custom-select:after {
    top: 20px;
}
#content-row-115 .content-contact-sign-home .form-group .form-control {
     height: 40px;
}
.product-detail .consultation-request form#frm-send_consultation_request .form-group textarea.form-control {
    height: 55px;
}
.product-detail #frm-send_consultation_request .slogan {
    margin-bottom: 5px!important;
}
.product-detail .consultation-request .entry-contact p {
    font-size: 14px;
}
.detail-post .consultation-request {
    margin-bottom: 30px;
}
.detail-post .consultation-request form#frm-send_consultation_request .form-group textarea.form-control {
    height: 55px;
}
.detail-post #frm-send_consultation_request .slogan {
    margin-bottom: 5px!important;
    font-size: 14px;
}
.detail-post .consultation-request .entry-contact p {
    font-size: 14px;
}
.slide-xuong .owl-item img {
    border: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right bottom, var(--gold-light), var(--gold-dark));
}
.detail-post .ckeditor-post .toc_list li:before {
    content: none;
}
.detail-post .ckeditor-post .toc_list li {
    list-style: decimal;
}
.detail-post .ckeditor-post h2 {
    padding-left: 5px;
    border-left: 5px solid var(--gold-mid);
    border-bottom: 3px solid transparent;
    border-top: 3px solid transparent;
}

/*Home - Video xưởng*/
#san-xuat-do-noi-that .nh-video-item img {
    max-width: 100% !important;
}
#san-xuat-do-noi-that .fa.fa-youtube-play:before {
    position: absolute;
    margin: auto;
    font-size: 55px;
    color: #FF0000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


#san-xuat-do-noi-that .img-left:hover .fa.fa-youtube-play:before {
  background: -moz-linear-gradient(top, #e72c83 0%, #a742c6 100%);
    background: -webkit-linear-gradient(top, var(--gold-dark) 0%, var(--gold-light) 100%);
    background: linear-gradient(to bottom, var(--gold-dark) 0%, var(--gold-light) 100%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.form-lien-he-pc .box-contact-form {
    background-image: var(--gold-grad-h);
}
.form-lien-he-pc .box-contact-form .slogan-contact p {
    color: var(--text-on-gold);
    font-weight: 600;
}
.form-lien-he-pc .box-contact-form .form-group .form-control {
    border-image-slice: none;
    border-image-source: none;
    background: none;
    border-color: var(--text-on-gold);
    color: var(--text-on-gold);
    border-radius: 5px;
}
.form-lien-he-pc .background-gradient {
    background: var(--bg-primary);
}
.form-lien-he-pc button .name {
    background: -webkit-linear-gradient(135deg, var(--gold-light), var(--gold-dark));
    background: var(--gold-grad-h);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #0000;
    text-fill-color: transparent;
    text-transform: uppercase;
    font-weight: 700;
}
.form-lien-he-pc .form-captcha {
    text-align: center;
    justify-content: center;
}
.form-lien-he-pc .form-captcha .text {
    float: none !important;
    width: auto !important;
}
.form-lien-he-pc .box-contacts .box-contact-form .form-group.btn-submit-ct {
    text-align: center;
}
.form-lien-he-pc .box-contacts .box-contact-form .form-group.btn-submit-ct button {
    width: auto;
    padding: 10px 35px;
    border-radius: 5px;
}
.form-lien-he-pc input::placeholder {
    color: var(--text-on-gold);
}
.form-lien-he-pc textarea::placeholder {
    color: var(--text-on-gold);
}
.form-lien-he-pc .menu-footer-vertical .contact-content {
    padding: 30px;
}
.form-lien-he-pc .menu-footer-vertical.contact-content .sub_name {
    font-size: 30px;
}
.form-lien-he-pc .menu-footer-vertical.contact-content p {
    font-size: 15px;
    margin-bottom: 8.8px;
}

/*Page thước lỗ ban*/
.content-thuoc-lo-ban table {
    width: 100%!important;
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px solid rgb(178 133 68 / 80%);
    margin-bottom: 10px;
}
.content-thuoc-lo-ban table td {
    padding: 6px;
    border: 1px solid rgb(178 133 68 / 80%) !important;
    width: auto;
}
.content-thuoc-lo-ban ul {
    margin-left: 30px;
}
.content-thuoc-lo-ban ul li {
    list-style: none;
}
.content-thuoc-lo-ban ul li::before {
    content: "\2022";
    color: var(--gold-mid);
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -10px;
}
/*#thước lỗ ban*/

.section-tac-gia {
    border-radius: 5px;
}

/*.back-to-top {*/
/*    padding: 10px 15px;*/
/*    border: 2px solid;*/
/*    border-radius: 5px;*/
/*    border-color: var(--gold-mid);*/
/*    position: fixed;*/
/*    right: 3%;*/
/*    bottom: 2%;*/
/*}*/

/*.back-to-top i {*/
/*    background: -webkit-linear-gradient(135deg, var(--gold-light), var(--gold-dark));*/
/*    background: var(--gold-grad-h);*/
/*    -webkit-background-clip: text;*/
/*    -webkit-text-fill-color: transparent;*/
/*    text-fill-color: transparent;*/
/*}*/
.btn-to-top {
    position: fixed;
    bottom: 2%;
    right: 1%;
}
.btn-to-top-mobile {
    position: fixed;
    bottom: 20%;
    right: 3%;
}
.button.scroll {
  padding: 18px;
  background: #000;
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  z-index: 9999;
}
.scroll-down-arrow {
  margin-top: 2px;
  position: absolute;
  left: 13px;
  top: 7px;
  -webkit-animation: bounce 1000ms ease  infinite;
  -moz-animation: bounce 1000ms ease infinite;
  -o-animation: bounce 1000ms ease infinite;
  animation: bounce 1000ms ease infinite;
  -webkit-animation-timing-function: cubic-bezier(.14, .75, .2, 1.01);
  -moz-animation-timing-function: cubic-bezier(.14, .75, .2, 1.01);
  -ms-animation-timing-function: cubic-bezier(.14, .75, .2, 1.01);
  animation-timing-function: cubic-bezier(.14, .75, .2, 1.01);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 8px solid var(--gold-mid);
  content: "";
}
.button.scroll:before {
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0px 0px 3px var(--gold-mid), inset 0px 0px 3px var(--gold-mid);
  padding: 2px;
  z-index: -1;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: block;
  content: "";
  -webkit-animation: ring 1s alternate 0s infinite;
  -moz-animation: ring 1s alternate 0s infinite;
  -o-animation: ring 1s linear 0s infinite;
  animation: ring 1s linear 0s infinite;
}

@-webkit-keyframes bounce {
  0%, 100% {top: 9px; opacity: 0.5}
  25% {top: 12px; opacity: 1}
  50% {opacity: 0.8}
}
@keyframes bounce {
  0%, 100% {top: 9px; opacity: 0.5}
  25% {top: 12px; opacity: 1}
  50% {opacity: 0.8}
}
@-webkit-keyframes ring {
  0%, 100% {-webkit-transform: scale(1,1); opacity:1}
  75% {-webkit-transform: scale(1.2,1.2); opacity:0.4}
}
@keyframes ring {
  0%, 100% {transform: scale(1,1); opacity:1}
  75% {transform: scale(1.2,1.2); opacity:0.4}
}
.detail-post .block-ctkm .text-ctkm {
    display: none;
}

.heart {
	font-size: 150px;
	color: #e00;
	animation: beat 1s infinite alternate;
	transform-origin: center;
}

/* Heart beat animation */
@keyframes beat{
	to { transform: scale(1.4); }
}

/*Subiz Chat*/
.chat-button--img-container {
    background-size: 60% !important;
    background-position: right bottom !important;
}

.pkcp-popup-conversation-item-link-description {
    color: #000000;
}
.pkcp-popup-conversation-item-link-title {
    color: #000000;
}

/* Desktop split nav: outer items flush to viewport edges, inner items
   cách đều logo 20px. Flex space-between phân phối items đều nhau.
   Padding phía giáp logo tạo breathing room đối xứng. */
.menu-left-right-pc .webslidemenu-horizontal,
.menu-left-right-pc .wsmain,
.menu-left-right-pc .wsmenu {
    float: none;
    width: 100%;
}
.menu-left-right-pc .wsmenu-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
    margin: 0;
    padding: 0;
}
.menu-left-right-pc .wsmenu-list > li > a {
    padding: 0;
    letter-spacing: 0;
    font-size: 12px;
    white-space: nowrap;
}
.menu-left-right-pc .wsmenu-list > li > a .fa {
    margin-left: 4px;
    margin-right: 0;
}
.header-main .row > .col-sm-5:nth-child(1) .wsmenu-list {
    padding-right: 20px;
}
.header-main .row > .col-sm-5:nth-child(3) .wsmenu-list {
    padding-left: 20px;
}

/* Row 48 (header-top): col is flex → float:right bị bỏ qua. Dùng
   margin-left:auto để đẩy search box dạt mép phải col, cân với phone trái. */
.header-top .row > .col-sm-5:nth-child(3) .box-search {
    margin-left: auto;
}
/* Icon SVG overrides ------------------------------------------------ */
/* Default icon components use stroke="url(#icon-gold)" (gradient).
   Add .icon-on-gold when rendering over a gold-gradient background
   (FloatingWidgets cluster buttons, .button_gift_box). */
.icon-on-gold {
    stroke: var(--gold-mid) !important;
    color: var(--gold-mid);
}

/* Plan A — S3 Services grid ---------------------------------------- */
.block-services { padding: 60px 0; }
.block-services .section-title-center { color: var(--gold-light); margin-bottom: 8px; }
.block-services .section-subtitle-center {
    text-align: center;
    color: var(--text-muted);
    font-size: 14px;
    margin-bottom: 36px;
}
.services-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}
@media (max-width: 767.98px) {
    .services-grid { grid-template-columns: 1fr; }
}
.service-card {
    background: var(--bg-elevated);
    border: 1px solid var(--border-gold);
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.service-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}
.service-img { position: relative; aspect-ratio: 16 / 10; overflow: hidden; }
.service-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.service-img-placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #7a5230, var(--bg-deep));
}
.service-body { padding: 20px; }
.service-title { color: var(--gold-light); font-size: 18px; margin: 0 0 10px; font-weight: 600; }
.service-desc {
    color: var(--text-muted);
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 16px;
}
.service-cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--gold-mid);
    font-size: 13px;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    padding-bottom: 2px;
    transition: border-color 0.2s, color 0.2s;
}
.service-cta:hover { border-bottom-color: var(--gold-mid); color: var(--gold-light); }

/* Plan A — S12 Testimonials grid ---------------------------------- */
.block-testimonials { padding: 60px 0; }
.block-testimonials .section-title-center {
    color: var(--gold-light);
    margin-bottom: 36px;
}
.testimonials-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
@media (max-width: 991.98px) { .testimonials-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 575.98px) { .testimonials-grid { grid-template-columns: 1fr; } }
.testimonial-card {
    background: var(--bg-elevated);
    border: 1px solid var(--border-gold);
    border-radius: 8px;
    padding: 28px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.testimonial-quote {
    color: var(--text-primary);
    font-size: 15px;
    line-height: 1.7;
    font-style: italic;
    margin: 0 0 20px;
}
.testimonial-meta { display: flex; align-items: center; gap: 12px; }
.testimonial-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--border-gold);
    flex-shrink: 0;
}
.testimonial-avatar.fallback {
    background: linear-gradient(135deg, var(--gold-light), var(--gold-dark));
}
.testimonial-name {
    color: var(--gold-light);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
}
.testimonial-role { color: var(--text-muted); font-size: 12px; line-height: 1.3; }

/* Plan A — S14 Partners carousel ---------------------------------- */
.block-partners { padding: 40px 0; }
.block-partners .section-title-center {
    color: var(--gold-light);
    margin-bottom: 28px;
}
.partner-item {
    aspect-ratio: 3 / 2;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(241, 224, 117, 0.15);
    border-radius: 6px;
    padding: 16px;
}
.partner-item img {
    max-width: 100%;
    max-height: 60px;
    width: auto;
    height: auto;
    filter: brightness(0.95);
    transition: filter 0.2s;
}
.partner-item:hover img { filter: brightness(1.1); }

/* Plan B — Project Section grid ----------------------------------- */
.block-project-section { padding: 60px 0; }
.block-project-section .section-title-center {
    color: var(--gold-light);
    margin-bottom: 12px;
}
.block-project-section .section-subtitle-center {
    text-align: center;
    color: var(--text-muted);
    font-size: 14px;
    margin-bottom: 24px;
}
.block-project-section .list-tab { margin-bottom: 28px; }
.block-project-section .list-title-txt {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 18px;
    justify-content: center;
}
.block-project-section .item-tab-home { margin: 0; font-size: 14px; }
.block-project-section .tab-item {
    color: var(--gold-mid);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    padding: 2px 0;
    transition: color 0.2s, border-color 0.2s;
}
.block-project-section .tab-item:hover {
    color: var(--gold-light);
    border-bottom-color: var(--gold-mid);
}
.block-project-section .product-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
@media (max-width: 1199.98px) {
    .block-project-section .product-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 767.98px) {
    .block-project-section .product-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 399.98px) {
    .block-project-section .product-grid {
        grid-template-columns: 1fr;
    }
}

.block-project-section .item-product {
    background: var(--bg-elevated);
    border: 1px solid var(--border-gold);
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
}
.block-project-section .item-product:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
}
.block-project-section .item-product-link {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    color: inherit;
}
.block-project-section .item-product .img {
    position: relative;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: var(--bg-deep);
}
.block-project-section .item-product .img-product {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}
.block-project-section .item-product:hover .img-product {
    transform: scale(1.06);
}
.block-project-section .item-product .info {
    padding: 14px 16px 16px;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.block-project-section .item-product .title-product {
    color: var(--gold-light);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.8em;
}
.block-project-section .item-product .info-build {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 12px;
    line-height: 1.5;
    color: var(--text-muted);
}
.block-project-section .item-product .info-build li .label {
    color: rgba(255, 255, 255, 0.55);
}
.block-project-section .item-product .info-build li strong {
    color: var(--text-primary);
    font-weight: 500;
}
.project-section-more { text-align: center; margin-top: 28px; }
.btn-more {
    display: inline-block;
    color: var(--gold-mid);
    border: 1px solid var(--border-gold);
    padding: 8px 20px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 0.05em;
    transition: background 0.2s, color 0.2s;
}
.btn-more:hover { background: var(--gold-mid); color: var(--bg-deep); }

/* Plan C — Video showcase (S4) ------------------------------------ */
.block-video-showcase { padding: 60px 0; }
.block-video-showcase .section-title-center {
    color: var(--gold-light);
    margin-bottom: 28px;
}
.block-video-showcase .video-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 16px;
    min-height: 0;
}
.block-video-showcase .video-grid[data-count="1"] {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
}
.block-video-showcase .video-grid[data-count="2"] {
    grid-template-rows: 1fr;
}
@media (max-width: 767.98px) {
    .block-video-showcase .video-grid {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
}
.video-item {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid var(--border-gold);
    background: var(--bg-elevated);
    text-decoration: none;
    aspect-ratio: 16 / 9;
}
.video-item.hero {
    grid-row: 1 / span 2;
    aspect-ratio: 16 / 9;
}
.block-video-showcase .video-grid[data-count="2"] .video-item.hero {
    grid-row: auto;
}
@media (max-width: 767.98px) {
    .video-item.hero { grid-row: auto; }
}
.video-item img { width: 100%; height: 100%; object-fit: cover; display: block; }
.video-play-badge {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(20, 5, 10, 0.28);
    transition: background 0.2s;
}
.video-item:hover .video-play-badge { background: rgba(20, 5, 10, 0.1); }
.video-play-badge svg {
    width: 48px;
    height: 48px;
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.5));
}
.video-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 40px 16px 14px;
    background: linear-gradient(to top, rgba(20, 5, 10, 0.92), transparent);
    color: var(--text-primary);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    pointer-events: none;
}

/* Plan C — Factory carousel (S5) ---------------------------------- */
.block-factory-carousel { padding: 40px 0; }
.block-factory-carousel .section-title-center {
    color: var(--gold-light);
    margin-bottom: 28px;
}
.factory-slide {
    aspect-ratio: 4 / 3;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid rgba(241, 224, 117, 0.2);
    background: var(--bg-elevated);
}
.factory-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}
.factory-slide:hover img { transform: scale(1.05); }

/* Plan D1 — Listing page ------------------------------------------ */
.listing-page { padding: 40px 0 80px; }
.listing-page .listing-header { margin-bottom: 28px; }
.listing-page h1 {
    color: var(--gold-light);
    font-size: clamp(24px, 4vw, 36px);
    margin: 0 0 10px;
}
.listing-description {
    color: var(--text-muted);
    font-size: 14px;
    line-height: 1.6;
    max-width: 720px;
    margin: 0;
}

.category-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin: 20px 0 32px;
}
.category-chip {
    display: inline-flex;
    align-items: center;
    padding: 6px 14px;
    border: 1px solid var(--border-gold);
    border-radius: 999px;
    font-size: 13px;
    color: var(--gold-mid);
    text-decoration: none;
    transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.category-chip:hover {
    color: var(--gold-light);
    border-color: var(--gold-light);
}
.category-chip.active {
    background: var(--gold-grad-h);
    color: var(--text-on-gold);
    border-color: transparent;
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin-top: 40px;
    flex-wrap: wrap;
}
.pagination a,
.pagination span {
    min-width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border-gold);
    color: var(--gold-mid);
    text-decoration: none;
    border-radius: 4px;
    font-size: 13px;
    padding: 0 10px;
}
.pagination a:hover {
    color: var(--gold-light);
    border-color: var(--gold-light);
}
.pagination .active {
    background: var(--gold-grad-h);
    color: var(--text-on-gold);
    border-color: transparent;
}
.pagination .ellipsis,
.pagination .disabled {
    border-color: transparent;
    color: var(--text-muted);
}

/* Plan D1 — Project detail ---------------------------------------- */
.project-detail-page { padding: 32px 0 80px; }
.project-detail-cover {
    width: 100%;
    max-height: 560px;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 24px;
    border: 1px solid var(--border-gold);
}
.project-detail-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.project-detail-title {
    color: var(--gold-light);
    font-size: clamp(24px, 3.6vw, 34px);
    margin: 0 0 14px;
}
.project-specs-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin: 0 0 28px;
    list-style: none;
    padding: 0;
}
.project-specs-row li {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border: 1px solid var(--border-gold);
    border-radius: 4px;
    color: var(--text-muted);
    font-size: 13px;
}
.project-body {
    color: var(--text-primary);
    line-height: 1.7;
    margin-bottom: 32px;
}
.project-body p { margin: 0 0 14px; }
.project-body a { color: var(--gold-mid); }

.project-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 40px;
}
.project-gallery button {
    border: 0;
    padding: 0;
    background: transparent;
    cursor: pointer;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 6px;
    display: block;
}
.project-gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}
.project-gallery button:hover img { transform: scale(1.05); }
@media (max-width: 575.98px) {
    .project-gallery { grid-template-columns: repeat(2, 1fr); }
}

.project-gallery-dialog::backdrop {
    background: rgba(20, 5, 10, 0.92);
}
.project-gallery-dialog {
    border: 0;
    background: transparent;
    padding: 0;
    max-width: 92vw;
    max-height: 92vh;
    color: var(--gold-light);
}
.project-gallery-dialog .close,
.project-gallery-dialog .prev,
.project-gallery-dialog .next {
    position: absolute;
    background: rgba(241, 224, 117, 0.15);
    border: 1px solid var(--border-gold);
    color: var(--gold-light);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    font-size: 22px;
    cursor: pointer;
    line-height: 1;
}
.project-gallery-dialog .close { top: -56px; right: 0; }
.project-gallery-dialog .prev { left: -52px; top: 50%; transform: translateY(-50%); }
.project-gallery-dialog .next { right: -52px; top: 50%; transform: translateY(-50%); }
@media (max-width: 767.98px) {
    .project-gallery-dialog .prev { left: 8px; }
    .project-gallery-dialog .next { right: 8px; }
    .project-gallery-dialog .close { top: 8px; right: 8px; }
}

.related-projects { margin-bottom: 48px; }
.related-projects h2 {
    color: var(--gold-light);
    text-align: center;
    font-size: 20px;
    margin: 0 0 24px;
}
.related-projects .list-category {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
@media (max-width: 991.98px) {
    .related-projects .list-category { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575.98px) {
    .related-projects .list-category { grid-template-columns: 1fr; }
}

.detail-cta-banner {
    background: var(--gold-grad-h);
    color: var(--text-on-gold);
    padding: 32px 24px;
    border-radius: 10px;
    text-align: center;
}
.detail-cta-banner h3 { margin: 0 0 8px; font-size: 22px; }
.detail-cta-banner p { margin: 0; font-size: 14px; }
.detail-cta-banner .btn {
    display: inline-block;
    margin-top: 14px;
    padding: 10px 24px;
    background: var(--bg-deep);
    color: var(--gold-light);
    border-radius: 4px;
    text-decoration: none;
    font-weight: 500;
}

/* Plan D1 — Breadcrumb -------------------------------------------- */
.breadcrumb {
    font-size: 13px;
    color: var(--text-muted);
    margin: 0 0 18px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    list-style: none;
    padding: 0;
    align-items: center;
}
.breadcrumb li { display: inline; }
.breadcrumb li + li::before {
    content: '›';
    margin-right: 4px;
    color: var(--text-muted);
}
.breadcrumb a {
    color: var(--gold-mid);
    text-decoration: none;
}
.breadcrumb a:hover { color: var(--gold-light); }
.breadcrumb [aria-current="page"] { color: var(--text-primary); }

/* Plan D2 — News listing + detail --------------------------------- */
.news-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
@media (max-width: 991.98px) {
    .news-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575.98px) {
    .news-grid { grid-template-columns: 1fr; }
}
.news-card {
    background: var(--bg-elevated);
    border: 1px solid var(--border-gold);
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.news-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}
.news-card-link { display: block; text-decoration: none; color: inherit; }
.news-card-cover { aspect-ratio: 4 / 3; overflow: hidden; }
.news-card-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.news-card-body { padding: 16px 18px; }
.news-card-meta {
    display: flex;
    gap: 6px;
    font-size: 11px;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 6px;
}
.news-card-title {
    color: var(--gold-light);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news-card-excerpt {
    color: var(--text-muted);
    font-size: 13px;
    line-height: 1.5;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-detail-page .news-meta {
    text-transform: none;
    letter-spacing: normal;
}
.news-detail-page .related-projects h2 { text-align: left; margin-bottom: 18px; }

/* Plan D3 — Service listing + detail ----------------------------- */
.services-listing-page .block-services { padding: 0; }
.services-listing-page .section-title-center { display: none; }
.services-listing-page .section-subtitle-center { display: none; }
.service-detail-page .related-projects .block-services { padding: 0; }
.service-detail-page .related-projects .section-title-center { display: none; }
.service-detail-page .related-projects .section-subtitle-center { display: none; }

/* Plan E — Contact form statuses + Popup -------------------------- */
.contact-status {
    margin: 8px 0 0;
    font-size: 13px;
    line-height: 1.4;
}
.contact-status-success { color: var(--gold-light); }
.contact-status-error { color: #ff8a8a; }

.promo-popup::backdrop { background: rgba(20, 5, 10, 0.88); }
.promo-popup {
    border: 0;
    background: transparent;
    padding: 0;
    max-width: 92vw;
    max-height: 92vh;
}
.promo-popup-inner {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}
.promo-popup-inner img { display: block; max-width: 85vw; max-height: 82vh; width: auto; height: auto; }
.promo-popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid var(--border-gold);
    background: rgba(20, 5, 10, 0.75);
    color: var(--gold-light);
    font-size: 18px;
    cursor: pointer;
    line-height: 1;
}
.promo-popup-close:hover { color: var(--gold-light); border-color: var(--gold-light); }