/*
Theme Name: AZ9s
Description: AZ9s Team
Author: UX Themes
Template: flatsome
Version: 3.9
*/
#wp-admin-bar-pvc-post-views .pvc-graph-container{
    display: none !important;
}
/*************** ADD CUSTOM CSS HERE.   ***************/
/* Add font */
/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
h1, h2, h3 ,h4 ,h5 ,h6 , a, p, ul, li, strong, button, div, input, textarea{
    font-family: 'Montserrat', sans-serif !important;
}*/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&display=swap');
body{
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
}
/*h1,h2{ font-weight: 800; letter-spacing: .5px; }*/
h1, h2{
    font-family: "Playfair Display", serif !important;
    font-weight: 600;
    letter-spacing: 1px;
}
h1{
    font-size: 28px;
    letter-spacing: 1px;
}
/*h3,h4{ font-weight: 700; }*/
h3, h4{
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}
:root{
    --color-xanhla: #34a751;
    --color-do: #e94435;
    --color-dodam: #6e0d14;
    --color-btn: #0c2223;
   /* --color-xanhnhat: #254142;*/
  --color-xanhnhat: #2a623b;
    

}

:root{
  --font-site: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Helvetica Neue", sans-serif;
}

html, body{
  font-family: var(--font-site) !important;
}

h1,h2,h3,h4,h5,h6,
p,a,li,strong,button,input,textarea,select{
  font-family: var(--font-site) !important;
}
/*CSS Back to Top*/
.back-to-top {
    bottom: 65px;
}
a#top-link {
    object-fit: cover;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2023/07/up-arrow.png);
    background-size: cover;
    border: 0;
    width: 45px;
    height: 45px;
}
a#top-link .icon-angle-up {
    font-size: 0 !important;
}
.header-main .nav > li > a {
    font-family: "Oswald", sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 12px;
}
/* Css Menu 2 level */
.nav-dropdown>li.nav-dropdown-col{display:block}
.nav-dropdown{border:1px solid #ddd; padding:0}
.nav-dropdown .nav-dropdown-col>a, .nav-dropdown li a {
    font-weight: normal !important;
    text-transform: none !important;
    font-size: 14px;
    color: #fff;
}
.nav-dropdown .nav-dropdown-col>ul li:hover{background:#e8f2ea}
.nav-dropdown li a{
    color: #fff;
    font-weight: 400;
}
.nav-dropdown li.active>a{
    color: #fff;
    font-weight: 600;
}
.nav-dropdown-default>li:hover>a, .nav-dropdown .nav-dropdown-col>ul li:hover>a{
    color:var(--color-xanhnhat);
}
.nav-dropdown-default>li:hover {
    background: #ebe9e9;
}
.nav-dropdown .menu-item>a:before {
    content: "\f101";
    font-family: FontAwesome;
    padding-right: 5px;
    font-size: 8px;
    position: relative;
    top: -2px;
}
.nav-dropdown-has-arrow li.has-dropdown:before{border-width: 10px;
    margin-left: -10px;}
.nav-dropdown .nav-dropdown-col>ul{border: 1px solid #d2d2d2;margin-top:-40px;box-shadow: 2px 2px 5px #828282;display:none;position: absolute;
    left: 100%;z-index: 9;background: white;min-width: 240px;}
.nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0}
.nav-dropdown>li.nav-dropdown-col.active .sub-menu{display: none !important;}
.nav-dropdown>li.nav-dropdown-col.active:hover .sub-menu{display: block !important;}
.nav-dropdown .nav-dropdown-col>ul li a{padding:10px;  text-transform: none;color:var(--color-xanhnhat);}
.header-nav li.nav-dropdown-col:hover >ul{display:block !important}


.nav-dropdown-has-arrow li.has-dropdown:after, .nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before{
    display: none;
}
.nav-dropdown-has-border .nav-dropdown {
    border: none;
    background-color: var(--color-xanhnhat);
    border-radius: 10px;
}
.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a{
    border-bottom: none;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default li:hover{
    background-color: #fff;
}
/*CSS Dihi*/
#lightboxes{
    display: none;
}
#lightboxes:target{
    /* display: block; */
}
.header-bg-color, .header-wrapper{
    /*background-color: var(--color-xanhnhat);*/
    background-color: rgb(255 255 255 / 48%) !important;
}
.header-main .nav > li > a {
    line-height: 16px;
    /*color: #fff;*/
}
    .particles-ja-canvas-el{
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: -1;
        top: 0;
    }
    /* #particles-js{ 
        position:absolute; width: 100%; 
        height: 100%; 
        background-image: url(""); 
        background-repeat: no-repeat; 
        background-size: cover; 
        background-position: 50% 50%; 
    } 
    .count-particles{ 
        background: #000022; 
        position: absolute; 
        top: 48px; 
        left: 0; 
        width: 80px; 
        color: #13E8E9; 
        font-size: .8em; 
        text-align: left; 
        text-indent: 4px; 
        line-height: 14px; 
        padding-bottom: 2px; 
        font-family: Helvetica, Arial, sans-serif; 
        font-weight: bold; 
    } .js-count-particles{ 
        font-size: 1.1em; 
    } 
    #stats, .count-particles{ 
        margin-top: 5px; 
        margin-left: 5px; 
    } 
    #stats{ 
        border-radius: 3px 3px 0 0; 
        overflow: hidden; 
    } 
    .count-particles{
        border-radius: 0 0 3px 3px; 
    } */
/*------------------------Trang chủ----------------------  */
/*Banner  */
.st_banner .text-des-an{
    display: none;
}
.st_banner .thongtin-banner {
    margin-top: -10%;
    height: 220px;
    background-color: #fff;
    padding: 35px;
    box-shadow: rgba(50,50,93,0.25) 0px 50px 100px -20px, rgba(0,0,0,0.3) 0px 30px 60px -30px;
}
/* .st_banner .thongtin-banner::before{
    content: "";
    position: absolute;
    background-image: url(/wp-content/uploads/2023/06/Vector-1-2.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 72px;
    left: -1px;
    top: -12px;
} */
.st_banner a.button.primary.btn-banner {
    border-radius: 5px;
    background-color: var(--color-xanhnhat);
}
.st_banner h2{
    font-family: "Playfair Display", serif !important;
    font-weight: 700;
}
/* Gioi thiệu Pitaland  */
h2.title-first-pitaland{
    font-size: 30px;
    color: var(--color-xanhnhat);
    font-weight: 700;
    text-transform: uppercase;
}
h3.title-second-pitaland{
    color: var(--color-xanhnhat);
    font-weight: 600;
}
.st_pitaland p{
    font-size: 15px;
}
.st_pitaland .medium-6.small-12 p{
    text-align: justify;
}
.st_pitaland h4.title-3muc {
    font-size: 23px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 2px;
    color: var(--color-xanhnhat);
}
.st_pitaland .col.medium-4.small-12 {
    padding: 15px 0px 0px 0px;
}

/*Tin nội bộ  */
.st_tin-noibo{
    margin-top: 120px;
}
.st_tin-noibo .col.col-title{
    /* background-image: url(/wp-content/uploads/2023/06/background-xanh-luxury.png); */
    /* background-repeat: no-repeat; */
    /* object-fit: contain; */
    background-color: var(--color-xanhnhat);
    padding: 150px;
}
.st_tin-noibo h2.title-tin-noibo {
    color: #fff;
    text-transform: uppercase;
    font-size: 30px;
}
.st_tin-noibo p.text-tin-noibo {
    color: #fff;
    font-size: 18px;
}
.st_tin-noibo .col-post .row.large-columns-3.medium-columns-1.small-columns-1 {
    margin-top: -430px;
    transform: translateX(33.33333%);
    transition: all 0.5s ease-in-out;
}
.st_tin-noibo .col-post .row.large-columns-3.medium-columns-1.small-columns-1:hover{
    transform: translateX(0%);
}
.st_tin-noibo .col.title-noibo .col-inner {
    margin-top: -200px;
    margin-left: 2px;
}
.st_tin-noibo .col-post .post-item .col-inner{
    display: flex;
    align-content: space-between;
    flex-wrap: wrap;
    border-top: 5px solid var(--color-xanhnhat);
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    padding: 60px 20px 40px;
    min-height: 500px;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    transition: all 0.5s ease-in-out;   
}
.st_tin-noibo .col-post .post-item .col-inner:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    /* background-color: var(--color-btn); */
    /* background-image: url(/wp-content/uploads/2023/06/background-xanh-luxury.png); */
    background-color: var(--color-xanhnhat);
    background-repeat: no-repeat;
    object-fit: contain;
    top: -100%;
    left: 0;
    z-index: 0;
    transition: all 0.5s ease-in-out;

}
.st_tin-noibo .col-post .post-item .col-inner:hover::before{
    top: 0;
}
/* .st_tin-noibo .col-post .post-item .col-inner .box.box-normal.box-text-bottom.box-blog-post.has-hover {
    margin-top: 27px;
} */
.st_tin-noibo .col-post .post-item .col-inner .box-text.text-left {
    margin-top: 30px;
}
.st_tin-noibo .badge.post-date {
    top: 0%;
    transition: all 0.5s ease-in-out;
}
.st_tin-noibo .badge-inner {
    padding: 20px 23px;
}
.st_tin-noibo .col-post .post-item .col-inner h5.post-title.is-large {
    color: var(--color-btn);
    /* text-transform: uppercase; */
    font-size: 20px;
    transition: all 0.5s ease-in-out;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 50px;
}
.st_tin-noibo .col-post .post-item .col-inner p.from_the_blog_excerpt {
    /* display: none; */
    color: var(--color-xanhnhat);
}
.st_tin-noibo .col-post .post-item .col-inner:hover h5.post-title.is-large{
    color: #fff;
    /* font-size: 20px; */
}
.st_tin-noibo .col-post .post-item .col-inner:hover p.from_the_blog_excerpt{
    color: #fff;
    /* display: block; */
    
}
.st_tin-noibo .col-post .post-item .col-inner:hover .badge-inner{
    background-color: #fff;
}
.st_tin-noibo .col-post .post-item .col-inner:hover .post-date-day,
.st_tin-noibo .col-post .post-item .col-inner:hover .post-date-month {
    color: var(--color-btn);
}
.st_tin-noibo .col-post .post-item .col-inner .box-blog-post .is-divider{
    display: none;
}
/* .st_tin-noibo .col-post .post-item .col-inner:hover img{
    display: none;
} */
.st_tin-noibo .col-post .post-item .col-inner button.button.is-underline.is-small.mb-0 {
    display: none;
}
.st_tin-noibo .col-post .post-item .col-inner:hover button.button.is-underline.is-small.mb-0 {
    display: block;
    color: #fff;
}
/*Tin mới nhất  */
.st_tin-moinhat h2.title-tin-moinhat {
    text-align: center;
    font-size: 30px;
    color: var(--color-xanhnhat);
    font-weight: 700;
    text-transform: uppercase;
}
.st_tin-moinhat .blog-tintuc-1 .post-item .col-inner {
    border: 1px solid #ededed;
    padding: 20px;
    transition: all 0.3s ease-in-out;
}
.st_tin-moinhat .blog-tintuc-2 .col.post-item .col-inner {
    border: 1px solid #ededed;
    /* padding: 10px; */
    transition: all 0.3s ease-in-out;
}
.st_tin-moinhat .col-blog-2 {
    margin-top: -5px;
}
.st_tin-moinhat .blog-tintuc-2 .col.post-item .box-text.text-left.is-small {
    padding: 10px;
}
.st_tin-moinhat .blog-tintuc-2 .col.post-item .col-inner h5.post-title.is-large {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 35px;
}
.st_tin-moinhat .blog-tintuc-1 .post-item .col-inner:hover, .st_tin-moinhat .blog-tintuc-2 .post-item .col-inner:hover{
    /* background-image: url(/wp-content/uploads/2023/06/background-xanh-luxury.png); */
    background-color: var(--color-xanhnhat);
    background-repeat: no-repeat;
    object-fit: contain;
}
.st_tin-moinhat .blog-tintuc-1 .post-item .col-inner:hover h5.post-title.is-large,
.st_tin-moinhat .blog-tintuc-2 .post-item .col-inner:hover h5.post-title.is-large,
.st_tin-moinhat .blog-tintuc-1 .post-item .col-inner:hover p.from_the_blog_excerpt{
    color: #fff;
}
.st_tin-moinhat .blog-tintuc-2 .col.post-item {
    padding: 5px 25px;
}
.st_tin-moinhat .row.blog-tintuc-2.large-columns-1.medium-columns-1.small-columns-1{
    margin-left: 5px;
}
.st_tin-moinhat a.button.primary.btn-xemthem{
    margin-left: 30px;
    background-color: var(--color-xanhnhat);
}
.st_tin-moinhat a.button.primary.btn-xemthem:hover{
    background-color: #ededed;
}
.st_tin-moinhat .blog-tintuc-2 .col.post-item .col-inner .box-image img{
    display: none;
}
.st_tin-moinhat .blog-tintuc-1 .is-divider ,.st_tin-moinhat .blog-tintuc-2 .is-divider {
    display: none;
}
.st_tin-moinhat .blog-tintuc-2 .col.post-item .badge-inner {
    background-color: transparent;
    border-right: 1px solid var(--color-xanhnhat);
}
.st_tin-moinhat .blog-tintuc-2 .col.post-item:hover .badge-inner{
    border-right: 1px solid #fff;
}
.st_tin-moinhat .blog-tintuc-2 .col.post-item span.post-date-day,
.st_tin-moinhat .blog-tintuc-2 .col.post-item span.post-date-month {
    color: var(--color-xanhnhat);
}
.st_tin-moinhat .blog-tintuc-2 .col.post-item .col-inner:hover span.post-date-day,
.st_tin-moinhat .blog-tintuc-2 .col.post-item .col-inner:hover span.post-date-month{
    color: #fff;
}
/* Dự án */
.st_duan h2.title-duan-moi {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    color: var(--color-xanhnhat);
}
/* .st_duan span.box-badge{
    margin-top: -35%;
} */
.product-small .box-image {
    border-radius: 10px;
}
.box-overlay.dark .box-text, .box-shade.dark .box-text {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 80px;
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 20px;
    font-weight: 600;
    font-size: 15px;
}
span.diachi-vpct{
    overflow: hidden;
    /* display: -webkit-box; */
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 20px;
}

/*Video  */
.st_video{
    background-image: url(/wp-content/uploads/2023/06/home-icons-bg-2-scaled.webp);
    background-size: 120%;
    background-position: left bottom;
    background-repeat: repeat-x;
    padding: 24px 0 150px;
}
.st_video img {
    height: 170px;
}
.st_video a.button.primary.btn-video{
    background-color: var(--color-xanhnhat);
}
/* .st_video .video-button-wrapper {
    margin-top: -17px;
}
.st_video a.button.open-video.icon.circle.is-outline.is-xlarge {
    margin-top: -65%;
} */
.st_video .col-inner.text-center {
    background-color: var(--color-xanhnhat);
    height: 225px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.st_video .img-inner.image-blur.dark{
    border-top-left-radius: 20px;
}
.st_video h4.title-video {
    color: #fff;
    font-weight: normal;
}
/*-------------------------------------giới thiệu---------------------------  */
h2.title-thongdiep {
    font-size: 30px;
    font-weight: 700;
    text-transform: inherit;
    border-left: 1px solid #ededed;
    padding-left: 20px;
    color: #666666;
}
.st_title-thongdiep  {
    /* background-image: url(/wp-content/uploads/2023/06/background-full-footer-pitaland.png);
    background-repeat: no-repeat;
    object-fit: contain; */
    background-color: var(--color-xanhnhat);
}
.text.text-thongdiep p {
    text-align: justify;
}
.st_title-thongdiep .col .col-inner p{
    color: #fff;
}
.st_title-thongdiep .box-text.text-left {
    background-color: var(--color-xanhnhat);
    padding: 20px;
}
.st_title-thongdiep .name-giamdoc {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
}
.st_title-thongdiep .col-img-gioithieu img {
    height: 450px;
}
.st_hethong-gioithieu .title-hethong-tonchi span {
    color: var(--color-xanhnhat);
}
.st_hethong-gioithieu h3.title-sm.on-show, .st_hethong-gioithieu strong {
    color: var(--color-xanhnhat);
}
.st_hethong-gioithieu p{
    text-align: justify;
}

.st_tongquan-gioithieu{
    /* background-image: url(/wp-content/uploads/2023/06/background-full-footer-pitaland.png);
    background-repeat: no-repeat;
    object-fit: contain; */
    background-color: var(--color-xanhnhat);
}
.st_tongquan-gioithieu h2.title-sm.on-show {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}
.st_tongquan-gioithieu p {
    color: #fff;
    text-align: justify;
}
.st_tongquan-gioithieu .col-tongquan {
    padding: 0px 20px;
}
.st_quatrinh-gioithieu{
    background-image: url(/wp-content/uploads/2023/06/bg1.jpg);
    /* height: 300px; */
}
.st_quatrinh-gioithieu h2.quatrinh-title {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}
.st_quatrinh-gioithieu .quatrinh-hinhthanh {
    text-align: center;
    background-color: #666;
    display: inline-block;
    padding: 20px;
    color: #fff;
    width: 200px;
}
.st_quatrinh-gioithieu .quatrinh-year {
    border-bottom: 1px solid #ededed;
    position: relative;
    color: #fff;
}
.st_quatrinh-gioithieu .sep.line.bottom {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    margin-left: 45%;
}
.st_quatrinh-gioithieu p.quatrinh-des {
    margin: 0;
}


/*Ban lãnh đạo  */
.st_banlanhdao-gioithieu .section-title-center span {
    text-align: center;
    color: var(--color-xanhnhat);
}
.st_banlanhdao-gioithieu .ani-item.on-show {
    list-style: none;
}
.st_banlanhdao-gioithieu .wrap-content{
    width: 90%;
    position: relative;
    margin: auto;
    display: block;
}
.st_banlanhdao-gioithieu .member-list h3{
    color: var(--color-xanhnhat);
}
.st_banlanhdao-gioithieu .member-list {
    width: 100%;
    display: block;
    margin: auto;
    padding: 50px 0;
}

.st_banlanhdao-gioithieu .member-list:before {
    width: 1px;
    height: 100%;
    top: 0;
    position: absolute;
    content: "";
    left: 50%;
    background-color: var(--color-xanhnhat);
}

.st_banlanhdao-gioithieu .item-member-about {
    position: relative;
    width: 50%;
    display: inline-block;
    text-align: right;
    padding-right: 30px;
    padding-top: 30px;
}

.st_banlanhdao-gioithieu .item-member-about:before {
    position: absolute;
    top: 50%;
    right: -10px;
    width: 20px;
    height: 20px;
    background-color: var(--color-xanhnhat);
    border-radius: 50%;
    z-index: 4;
    content: "";
}

.st_banlanhdao-gioithieu.member-list li {
    min-height: 192px;
    margin-bottom: 75px;
}

.st_banlanhdao-gioithieu .member-list li:nth-child(2n) {
    text-align: right;
}

.st_banlanhdao-gioithieu .member-list li:nth-child(2n) .item-member-about {
    text-align: left;
    padding-right: 0;
    padding-left: 30px;
}
.st_banlanhdao-gioithieu .member-list li:nth-child(2n) .item-member-about img {
    left: -192px;
    right: auto;
}
.st_banlanhdao-gioithieu .member-list li:nth-child(2n) .item-member-about:before {
    right: auto;
    left: -10px;
}
.st_banlanhdao-gioithieu .item-member-about img {
    height: 180px;
    position: absolute;
    top: 50%;
    margin-top: -90px;
    right: -192px;
}
.st_doitac .col.small-12.large-12 {
    padding: 0px;
}
.st_doitac .slide-img-bottom{
    padding: 0px 20px;
}
/*-------------------------------------Trang sản phẩm--------------------------  */
/* .st_canho .bg.section-bg.fill.bg-fill.bg-loaded,.st_datnen .bg.section-bg.fill.bg-fill.bg-loaded,
.st_nghiduong .bg.section-bg.fill.bg-fill.bg-loaded,.st_bietthu .bg.section-bg.fill.bg-fill.bg-loaded {
    background: var(--color-xanhnhat);
    height: 50%;
} */
span.box-badge.bg-red {
    background-color: #ea1e12;
    border: 1px solid #ea1e12;
}
span.box-badge {
    margin-top: -40%;
    position: absolute;
    border: 1px solid #5aa700;
    padding: 0px 10px;
    background-color: #5aa700;
    border-radius: 99px;
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}
.title-product-dmsp h2 span {
    color: var(--color-xanhnhat);
}
.shop-page-title.category-page-title.page-title {
    display: none;
}
h2.title-product-dmsp {
    color: var(--color-xanhnhat);
    text-transform: uppercase;
}
/*-------------------------------------Trang chi tiết sản phẩm----------------------  */
/* .shop-container p {
    text-align: justify;
} */

/* ẩn footer trong chi tiết sản phẩm */
.single-product .st_footer{
    display: none;
}
.col-pd-bt-zr{
    padding-bottom: 0px;
}
/* .wp-caption .wp-caption-text{
    background-color: transparent;
} */
.st_vanban-duan p, .st_tien-ich p, .st_sp-pitaland p, .st_mat-bang p, .st_chinhsach-banhang p, .st_phap-ly p, .st_tiendo p, .st_lydo-dautu p{
    text-align: justify;
}
.st_menu-products .col {
    padding: 0px;
}
.st_menu-products {
    position: sticky;
    top: 0px;
    z-index: 999;
    background-color: #fff;
    padding-bottom: 0px !important;
    box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.04);
    height: 70px;
}
.st_menu-products .widget-title
,.st_menu-products .is-divider.small{
    display: none;
}
.st_menu-products .collapse {
    display: flex;
    align-items: center;
    margin-top: 30px;
}
.st_menu-products .image_logo img {
    height: 60px;
    margin-top: 5px;
}
.st_menu-products .navbar-nav{
    display: flex;
    padding-left: 25%;
  }
.st_menu-products .navbar-nav li{
    list-style: none;
    font-size: 12px;
  }
.st_menu-products .navbar-nav li a{
    text-transform: uppercase;
    font-size: 0.8rem;
    color: var(--color-xanhnhat);
    font-weight: 600;
}
a.nav-link.camera360 {
    background: linear-gradient(135deg,#ffe985 10%,#fa742b 100%);
    padding: 10px;
    border-top-left-radius: 7px;
    border-bottom-right-radius: 7px;
	text-align: center;
}
/*-----------menu scroll sp  */

/* video */
.st_video-products iframe{
    width: 100%;
    height: 1000px;
}

h3.title-cacmuc-sp {
    text-transform: uppercase;
    font-size: 28px;
    /* margin-left: 5%; */
    color: var(--color-xanhnhat);
    border-left: 3px solid;
    padding-left: 10px;
}
/* Video */
.col-video-products {
    margin-left: 23%;
}
/* Tổng quan */
.st_gioithieu-duan{
    position: relative;
}
.st_gioithieu-duan .col-
.st_gioithieu-duan h3.title-thongtin {
    color: var(--color-xanhnhat);
}
.st_gioithieu-duan .title-tongquan-duan {
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    color: var(--color-xanhnhat);
}
.st_gioithieu-duan .text-thongtin {
    color: var(--color-xanhnhat);
}
/* văn bản dự án */
.st_vanban-duan, .st_sp-pitaland, .st_chinhsach-banhang, .st_tiendo {
    /* background-image: url(/wp-content/uploads/2023/06/background-full-footer-pitaland.png);
    background-repeat: no-repeat;
    object-fit: contain; */
    background-color: var(--color-xanhnhat);
    color: #fff;
}
.st_vanban-duan p, .st_sp-pitaland p, .st_chinhsach-banhang p, .st_tiendo p{
    color: #fff;
    text-align: justify;
}
.st_vanban-duan strong, .st_sp-pitaland strong, .st_chinhsach-banhang strong, .st_tiendo strong{
    color: #fff;
}
.st_vanban-duan h2, .st_sp-pitaland h2, .st_chinhsach-banhang h2, .st_tiendo h2{
    color: #fff;
}
.st_vanban-duan h3, .st_sp-pitaland h3, .st_chinhsach-banhang h3, .st_tiendo h3{
    color: #fff;
}
.st_vanban-duan h4, .st_sp-pitaland h4, .st_chinhsach-banhang h4, .st_tiendo h4{
    color: #fff;
}
.st_vanban-duan h5, .st_sp-pitaland h5, .st_chinhsach-banhang h5, .st_tiendo h5{
    color: #fff;
}
.st_vanban-duan h6, .st_sp-pitaland h6, .st_chinhsach-banhang h6, .st_tiendo h6{
    color: #fff;
}
.st_vanban-duan h3.title-cacmuc-sp, .st_sp-pitaland h3.title-cacmuc-sp, 
.st_chinhsach-banhang h3.title-cacmuc-sp , .st_tiendo h3.title-cacmuc-sp{
    color: #fff;

}
.st_vanban-duan .text-form-top-dangky-tuvan, .st_sp-pitaland .text-form-top-dangky-tuvan,
.st_chinhsach-banhang .text-form-top-dangky-tuvan, .st_tiendo .text-form-top-dangky-tuvan  {
    text-align: center;
    margin-bottom: 20px;
}
/* .st_vanban-duan .form-dangky-tu-van.fl, .st_sp-pitaland .form-dangky-tu-van.fl,
.st_chinhsach-banhang .form-dangky-tu-van.fl, .st_tiendo .form-dangky-tu-van.fl {
    display: flex;
} */
/* .sgpb-main-html-content-wrapper {
    width: 70%;
} */
img.image-excel {
    padding-top: 20px;
}
.sgpb-main-html-content-wrapper .form-dangky-tu-van.fl{
    width: 90%;
    margin-left: 5%;
}
.sgpb-main-html-content-wrapper form.wpcf7-form.init {
    margin: 0;
}
.sgpb-main-html-content-wrapper p.text-form-top-dangky-tuvan {
    text-align: center;
    padding: 10px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}
.sgpb-main-html-content-wrapper span.wpcf7-list-item-label {
    color: #fff;
    font-weight: 400;
}
/* .sgpb-main-html-content-wrapper input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 90%;
} */
.sgpb-main-html-content-wrapper input.wpcf7-form-control.has-spinner.wpcf7-submit {
    height: 50px;
    border-top-left-radius: 7px;
    border-bottom-right-radius: 7px;
    width: 100%;
    background-color: var(--color-do) !important;
    color: #fff;
    /* margin-left: 22.5%; */
    margin-top: 5px;
}


.st_vanban-duan .wpcf7-form-control-wrap, .st_sp-pitaland .wpcf7-form-control-wrap,
.st_chinhsach-banhang .wpcf7-form-control-wrap, .st_tiendo .wpcf7-form-control-wrap {
    padding-left: 60px;
}
.st_vanban-duan .wpcf7-form-control.has-spinner.wpcf7-submit, .st_sp-pitaland  .wpcf7-form-control.has-spinner.wpcf7-submit,
.st_chinhsach-banhang .wpcf7-form-control.has-spinner.wpcf7-submit, .st_tiendo .wpcf7-form-control.has-spinner.wpcf7-submit {
    height: 50px;
    margin-left: 60px;
    background-color: #fff;
    color: var(--color-xanhnhat);
    border-top-left-radius: 7px;
    border-bottom-right-radius: 7px;
    padding: 0px 50px;
}
/* Tiện ích */
.st_tien-ich p{
    color: var(--color-xanhnhat);
}
.st_tien-ich h4.title-tienich {
    color: var(--color-xanhnhat);
}
/* sản phẩm */

/* mặt bằng */

.st_cs-phaply {
    background-image: url(/wp-content/uploads/2023/06/background-full-footer-pitaland.png);
    background-repeat: no-repeat;
    object-fit: contain;
}
.st_cs-phaply p{
    color: #fff;
}
/* Form dự án */
.st_form-duan{
    background-color: var(--color-xanhnhat);
    border-bottom: 3px solid #fff;
}
.st_form-duan h3.title-form-sp {
    text-align: center;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 500;
    color: #fff;
}
.st_form-duan .col-border-form .col-inner {
    border: 3px solid #fff;
    border-radius: 10px;
    padding: 0px 20px;
}
.st_form-duan h3.title-form-sp.second{
    background-color: var(--color-do);
    border-radius: 99px;
}
.st_form-duan .wpcf7 label{
    color: #fff;
    font-weight: 300;
    font-size: 16px;
}
.st_form-duan input.wpcf7-form-control.has-spinner.wpcf7-submit {
    width: 100%;
    border-top-left-radius: 7px;
    border-bottom-right-radius: 7px;
    height: 50px;
    background-color: var(--color-do);
}
.st_form-duan p{
    color: #fff;
}
.st_form-duan p.diachi-form-sp{
    color: #fff;
}
.st_form-duan .quyenloi-dangky {
    text-transform: uppercase;
    color: #fff;
}
.st_form-duan a.button.primary {
    padding: 5px 30px;
}
.st_form-duan .button span{
    font-size: 18px;
}
/*-------------------------------------Ký gửi------------------------------  */
.st_type-write .title-text-typewrite {
    text-align: center;
    font-size: 4rem;
    color: #1b1642; 
}
.st_type-write .title-text-typewrite a{
    color: #6658ea;
}
.st_type-write .wrap{
    animation: typeblink 0.7s infinite;
  }
  @keyframes typeblink{
    0%{
      border-color: transparent;
    }
    100%{
      border-color: #1b1642;
    }
  }
.st_form-kygui{
    /* background-image: url(/wp-content/uploads/2023/06/background-full-footer-pitaland.png); */
    background-color: #1b1642;
}
.st_form-kygui p.title-first-form {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 3px;
}
.st_form-kygui h2.title-second-form {
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 3rem;
}
.st_form-kygui .thongbao {
    background-color: #f9655b;
    border-color: #f9655b;
    border-radius: 7px;
}
.st_form-kygui h3.title-thongbao {
    padding: 10px;
    color: #fff;
}
input[type=email], input[type=search], input[type=number], input[type=url], input[type=tel], input[type=text], textarea {
    border-top-left-radius: 7px;
    border-bottom-right-radius: 7px;
    height: 50px;
}
.st_form-kygui .row-form-all {
    display: flex;
}
.st_form-kygui .row-form-1 {
    width: 48%;
}
.st_form-kygui .row-form-2 {
    width: 49%;
    margin-left: 4%;
}
.st_form-kygui .sep.line-form.bottom {
    border-top: 1px solid #575a7b;
    padding: 5px;
    margin-top: -5px;
}
.st_form-kygui .btn-submit-form {
    margin-left: 40%;
}
.st_form-kygui input.wpcf7-form-control.has-spinner.wpcf7-submit {
    background-color: #6658ea;
    color: #fff;
    padding: 10px 20px;
    border-top-left-radius: 7px;
    border-bottom-right-radius: 7px;
}
.st_form-kygui .cout-1 {
    text-align: center;
}
.st_form-kygui .p-dem{
    color: #fff;
    font-size: 3rem;
    font-weight: 600;
}
.st_form-kygui .count-up.active {
    font-size: 3rem;
    color: #fff;
    font-weight: 600;
}
.st_form-kygui p.text-cout {
    color: #f9f9f9;
    margin-top: -70px;
    font-size: 16px;
}
.st_form-kygui li.text-white.mb-3 {
    color: #fff;
    font-size: 16px;
    text-align: justify;
}
.st_form-kygui .sep.line-bottom.des.form {
    border-top: 1px solid #575a7b;
}
.st_form-kygui h3.mt-6 {
    display: inline-flex;
    margin-top: 2rem;
    margin-left: 23%;
}
.st_form-kygui .badge.bg-primary-soft {
    height: 30px;
    background-color: rgba(102,88,234,.1);
    color: #6658ea;
    border-radius: 99px;
    font-weight: 400;
    padding: 0px 7px;
}
.st_form-kygui h3.mt-6 strong {
    color: #fff;
    font-weight: 600;
    font-size: 18px;
}
.st_form-kygui .hotline-form {
    text-align: center;
}
.st_form-kygui .btn-group {
    display: inline-flex;
    position: relative;
    vertical-align: middle;
}
.st_form-kygui a.btn.btn-outline-primary.btn-sm {
    padding: 5px 10px;
    border: 1px solid transparent;
    color: #6658ea;
    border-color: #6658ea;
    /* border-radius: 0.5rem 0 0.5rem 0; */
    margin-left: -1px;
}
/*------------------------------------Tuyên dụng--------------------------------  */
.st_tuyendung h2.title-phatrien-tuyendung {
    font-size: 36px;
    font-weight: 700;
    text-transform: inherit;
    color: #666;
}
.st_tuyendung h2.title-phatrien-tuyendung:before {
    content: " ";
    position: absolute;
    top: 0;
    left: -10px;
    width: 20vw;
    height: 100%;
    border-left: 1px solid #ddd;
}
.st_phattrien-tuyendung .row-img{
    background-image: url(/wp-content/uploads/2023/07/3333-2.png);
    background-repeat: no-repeat;
/*     object-fit: contain; */
    padding: 130px;
}
.st_phattrien-tuyendung .txt-member.p-content {
    background-color: #fff;
    padding: 30px;
    margin-top: 30px;
}
.st_nhansu-tuyendung h2.title-nhansu-tuyendung {
    font-size: 36px;
    color: #666;
    text-transform: inherit;
}
.st_nhansu-tuyendung h2.title-nhansu-tuyendung:before{
    content: " ";
    position: absolute;
    top: 0;
    left: -10px;
    width: 20vw;
    height: 100%;
    border-left: 1px solid #ddd;
}
.st_nhansu-tuyendung .row-all-full-ns {
    /* background-image: url(/wp-content/uploads/2023/06/background-full-footer-pitaland.png);
    background-repeat: no-repeat;
    object-fit: contain; */
    background-color: var(--color-xanhnhat);
}
.st_nhansu-tuyendung .col-img-ns {
    margin-left: -15px;
}
.st_nhansu-tuyendung .txt-s-1 {
    color: #fff;
    padding: 30px 12% 30px 30px;
    
}
.st_nhansu-tuyendung .title-pro.ani-item.on-show {
    font-size: 25px;
    margin-bottom: 15px;
    font-weight: 600;
}
.st_nhansu-tuyendung .txt-s-1 p {
    margin-bottom: 15px;
    font-size: 16px;
}
.st_nhansu-tuyendung .left-conpen {
    margin-left: 40px;
}
.st_nhansu-tuyendung .left-conpen, .right-conpen {
    vertical-align: top;
    position: relative;
}
.st_nhansu-tuyendung .left-conpen {
    display: inline-block;
    /* width: 40%; */
    color: #fff;
    padding: 0 30px 30px 0;
}
/* .st_nhansu-tuyendung .left-conpen .title-pro.ani-item.on-show {
    font-size: 25px;
    font-weight: 600;
} */
.st_nhansu-tuyendung ul.list-conpen li {
    color: #fff;
}
.st_nhansu-tuyendung .list-conpen li {
    position: relative;
    margin-bottom: 20px;
    display: block;
    padding-left: 50px;
}
.st_nhansu-tuyendung .list-conpen li span {
    position: absolute;
    top: -14px;
    left: 0;
    font-size: 30px;
    font-weight: 600;
}
.st_nhansu-tuyendung .right-conpen .txt-member {
    width: 100%;
    border: 1px solid #ddd;
    margin-top: 7px;
}
.st_nhansu-tuyendung .txt-member {
    display: inline-block;
    /* width: calc(100% - 250px); */
    padding: 30px;
    text-align: left;
    background-color: #fff;
}
.st_nhansu-tuyendung .right-conpen .title-pro.ani-item.on-show {
    color: #666;
    font-size: 25px;
    font-weight: 600;
}
.st_nhansu-tuyendung .right-conpen .txt-member.p-content p{
    color: #666;

}
/* Table cơ hội nghề nghiệp  */
.st_cohoi-tuyendung span.section-title-main {
    font-size: 35px;
    color: #666;
}
.career-box {
    width: 100%;
    margin: 0;
}
.career-box, .career-list, .join-form, .join-us {
    display: block;
    height: auto;
    position: relative;
}

.career-list {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto 50px;
    padding: 25px;
    background-color: #fff;
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
}

.career-list tbody td, .head-list th {
    padding: 10px 15px;
    vertical-align: middle;
}
.head-list tr th{
	padding: 10px 0px !important;
}
.career-list table {
    width: 100%;
    margin: 0 auto;
    font-size: 15px;
    line-height: 1.6;
}
.career-list tbody td {
    font-size: 15px;
    font-weight: 400;
}

.career-list tbody tr {
    background-color: #eaebec;
    color: #414141;
    transition: 0.3s;
}
.career-list tbody tr:hover{
    background-color: var(--color-xanhnhat) !important;
}
.career-list tbody tr:hover td{
    color: #fff;
}
.career-list tbody tr:hover td.career-title h3 a{
    color: #fff;
}
.career-list tbody tr:hover .btn-gap{
    background-color: #fff;
    color: var(--color-xanhnhat);
}
.career-list tbody tr:nth-child(even) {
    background-color: #dfdfdf;
    color: #414141;
}

.career-title a {
    font-size: 13px;
    font-weight: 700;
    color: #414141;
}

.career-list td {
    text-align: center;
    font-size: 15px;
}

.head-list th {
    background-color: var(--color-xanhnhat);
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

.head-list th[scope="Number"] {
    width: 50px;
}

.head-list th[scope="Position"] {
    width: auto;
    min-width: 220px;
}

.head-list th[scope="Quantity"] {
    width: 80px;
}

.head-list th[scope="Company"], .head-list th[scope="Location"] {
    width: 220px;
}

.head-list th[scope="Expire"] {
    width: 120px;
}

.head-list th[scope="Status"] {
    width: 140px;
}

.career-list td:nth-child(2), .career-list td:nth-child(4), .career-list td:nth-child(5), .head-list th:nth-child(2), .head-list th:nth-child(4), .head-list th:nth-child(5) {
    text-align: center;
/* 	text-align: left; */
}

.career-form .title-sm, .join-form, .join-us {
    text-align: center;
}

.career-form {
    background-color: #666;
}

.file-name, .join-us .input-text input[type="text"] {
    line-height: 64px;
    background-color: #fff;
    color: #727272;
    font-weight: 400;
}

.join-form {
    width: 100%;
    padding: 30px 0;
}

.join-us {
    width: 90%;
    max-width: 600px;
    margin: 0 auto;
}

.join-us .input-text {
    float: left;
    width: 50%;
    margin: 0 0 12px;
}

.join-us .input-text:nth-child(odd) {
    padding-right: 6px;
}

.join-us .input-text:nth-child(even) {
    padding-left: 6px;
}

.join-us .input-but {
    margin-top: 15px;
}

.input-text input[type="file"] {
    position: relative;
    display: block;
    width: 100%;
    height: 64px;
    z-index: 1;
    opacity: 0;
    border: 1px solid #ddd;
}

.file-mark, .file-name {
    position: absolute;
    display: block;
}

.file-name {
    top: 79px;
    width: 340px;
    border: 1px solid #a1a1a1;
    z-index: 0;
    padding: 0px 100px 0px 20px;
    text-align: left;
    height: 62px;
    border-top-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.btn-red, .date, .date-thumb, .file-mark, .status.hot {
    text-align: center;
}

.btn-red, .file-mark, .status.hot a {
    background-color: var(--color-xanhnhat);
    color: #fff;
}

.file-mark {
    top: 85px;
    right: 23px;
    width: 96px;
    height: 50px;
    line-height: 54px;
    font-weight: 700;
    font-size: 14px;
}
.st_dienhoso [type=email], .st_dienhoso input[type=search], .st_dienhoso input[type=number], .st_dienhoso input[type=url], 
.st_dienhoso input[type=tel], .st_dienhoso input[type=text], .st_dienhoso textarea{
    height: 62px ;
}
.st_dienhoso .col-dien-ho-so{
    padding: 0px;
}
.btn-red, .status {
    display: inline-block;
    font-weight: 700;
}

.btn-red {
    padding: 15px 20px;
    position: relative;
    border: 0;
}

.btn-red:before {
    position: absolute;
    top: -5px;
    left: -5px;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    border: 1px solid var(--color-xanhnhat);
}

.date::after, .link-page.current::after, .news-item::before {
    content: "";
}

.status {
    position: relative;
    font-family: inherit;
}

.status.hot {
    position: relative;
    display: block;
}

.status.hot a {
    padding: 7px 15px;
    display: inline-block;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

.date-news-3 {
    background-color: #e4e4e4;
    padding: 10px 20px;
    border-bottom: 1px solid #fff;
    font-size: 12px;
}

.date, .date-thumb {
    font-family: Lato, sans-serif;
    width: auto;
    height: auto;
    padding: 5px 10px;
    line-height: 1.2;
    left: 0;
}

.date-news-3 mark {
    font-family: Lato, sans-serif;
    font-weight: 500;
    display: inline-block;
    font-size: 24px;
    color: grey;
}

.date, .date-vb, .public {
    font-weight: 700;
    color: #006810;
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
}

.date-thumb {
    position: absolute;
    top: 0;
    color: #999;
    background-color: #f1f1f1;
    font-weight: 400;
    font-size: 36px;
    z-index: 1;
}

.date, .date::after {
    position: absolute;
    top: 50%;
    z-index: 1;
}

.date-thumb span {
    font-weight: 500;
    font-size: 10px;
    display: block;
    color: #4a4a4a;
}

.date, .date span, .news-txt h3 {
    font-weight: 400;
}

.date {
    transform: translateY(-50%);
    background-color: #7e8387;
    font-size: 36px;
    color: #fff;
}

.date span {
    font-size: 10px;
    display: block;
    color: #e0e0e0;
}

.date::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #7e8387;
    right: -10px;
    margin: -10px 0 0;
}

.load-list, .news-item, .news-list {
    position: relative;
    display: block;
}

.load-list {
    width: 100%;
    height: auto;
    margin: 0;
    min-height: 100vh;
}

.load-list.show {
    min-height: inherit;
}
.details-center.fadeinup {
    padding: 0px 50px;
}

/* Form nộp hồ sơ */
.st_dienhoso{
    /* background-image: url(/wp-content/uploads/2023/06/background-xanh-luxury.png);
    background-repeat: no-repeat; */
    background-color: #666666;
}
.st_dienhoso h2.title-form-hoso {
    text-align: center;
    color: #fff;
    margin-left: 2%;
    text-transform: uppercase;
}
.form-nophoso {
    display: flex;
    margin-left: 5%;
}
.row-form-1, .row-form-2 {
    width: 95%;
}
.btn-submit.form-upfile {
    margin-left: 42%;
}
/* ----------------------Trang tin tức---------------------------- */
.blog-archive .col.post-item .col-inner{
    line-height: 1.5em;
    background: #fff;
    box-shadow: 0 0 5px rgb(0 0 0 / 25%);
    overflow: hidden;
    height: 100%;
}
.blog-archive .col.post-item .col-inner:hover{
    box-shadow: 1px 2px 15px rgb(0 0 0 / 30%);
}

.blog-archive .col.post-item .box-text{
    padding: 15px;
}
.blog-archive .col.post-item:nth-child(1) .box-text h5:hover{
    color: #fff;
}
.blog-archive .col.post-item .box-text h5:hover{
    color: var(--color-xanhnhat);
}
.blog-archive .post-item .col-inner{
    box-shadow: 0 1px 4px 0 rgb(102 98 98 / 40%);
    border-radius: 16px;
    overflow: hidden;
    height: 100%;
}
.blog-archive .col.post-item:nth-child(1) .image-cover:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 1;
    background: linear-gradient(transparent, var(--color-xanhnhat));
    pointer-events: none;
    backface-visibility: hidden;
    transition: opacity .3s;
}
.blog-archive .col.post-item:nth-child(1) .image-cover{
    height: 472px;
}
.blog-archive .col.post-item:nth-child(1) .box-text {
    position: absolute;
    width: 100%;
    max-height: 100%;
    bottom: 0;
    padding-left: 1.5em;
    padding-right: 1.5em;
}
/* .blog-archive .col.post-item:nth-child(1){
    max-width: 50%;
    flex-basis: 50%;
} */
.blog-archive .col.post-item:nth-child(1) {
    width: calc(44% - 12px);
    max-width: inherit;
    float: left;
}
.blog-archive .col.post-item:nth-child(2),
.blog-archive .col.post-item:nth-child(3){
    width: calc(56% - 12px);
    height: 235px;
    max-width: inherit;
    float: left;
    overflow: hidden;
}
.blog-archive .col.post-item:nth-child(2) .image-cover,
.blog-archive .col.post-item:nth-child(3) .image-cover
{
    float: left;
    width: 43%;
    height: 100%;
    padding: 0;
}
.blog-archive .col.post-item
{
    float: left;
    vertical-align: top;
    width: calc(33.33% - 12px);
    margin: 6px;
    text-align: left;
    padding: 5px;
}
.blog-archive .col.post-item:nth-child(1) .box-text{
    padding: 1.5rem !important;
    color: #fff;
}
.blog-archive .col.post-item:nth-child(2) .box-text-inner.blog-post-inner, 
.blog-archive .col.post-item:nth-child(3) .box-text-inner.blog-post-inner {
    position: absolute;
    margin-top: -54%;
    margin-left: 42%;
}
.blog-archive .col.post-item:nth-child(2) .post-title.is-large ,
.blog-archive .col.post-item:nth-child(3) .post-title.is-large{
    color: var(--color-xanhnhat);
}
.blog-archive .col.post-item .box-text p.cat-label{
    color: #fff !important;
    opacity: 1;
    font-size: 12px;
    font-weight: bold;
}
.blog-archive .post-item .box-text h5{
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
}
.blog-archive .post-item:hover img{
    transform: scale(1.1);
}
.blog-archive .post-item:nth-child(n + 4) .box-text{
    padding: 1rem 1.25rem;
    border-top: 2px solid var(--color-xanhnhat);
}
.blog-archive .post-item:nth-child(n + 4) .box-text p.cat-label{
    position: absolute;
    top: -14px;
    left: 1rem;
    font-weight: bold;
    font-size: 14px;
    background-color: var(--color-xanhnhat);
    color: #fff;
    padding: .2rem 1rem;
    border-radius: 4rem;
    opacity: 1;
    text-transform: none;
}
.blog-archive .post-item:nth-child(n + 4) .box-text h5{
    overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;
   height: 47px;
    color: #000;
}
.box-blog-post .is-divider{
    display: none;
}
/* Hiden divider post*/
.entry-divider.is-divider.small {
    display: none;
}
.blog-wrapper h1.entry-title {
    color: var(--color-xanhnhat);
}
.blog-wrapper .entry-meta.is-small.single-date {
    border-top: 1px solid transparent;
    border-image: linear-gradient(0.25turn, rgb(29 72 54), rgb(140 182 197), rgba(56,2,155,0));
    border-image-slice: 1;
    width: 100%;
    padding: 10px 0px 0px 0px;
}
.blog-wrapper .post-views.content-post.entry-meta {
    margin-top: -40px;
}
.blog-wrapper .blog-share.text-center {
    display: none;
}
.blog-wrapper footer.entry-meta.text-left {
    display: none;
}
.blog-wrapper nav#nav-below {
    display: none;
}
.bai-viet-lien-quan ul li {
    list-style: none;
    width: 33.33%;
    padding-left: 4px;
    padding-right: 5px;
}
.bai-viet-lien-quan{margin-top:20px}
.bai-viet-lien-quan h2{font-size:20px; }
.bai-viet-lien-quan ul {
    width: 100%;
    margin-bottom: 0;
    display: flex;
    clear: both;
}
.bai-viet-lien-quan ul li .box-image img {
    height: 230px;
    border-radius: 6px;
    object-fit: cover;
    object-position: center;
}
.bai-viet-lien-quan ul li h3 {
    height: 45px;
    overflow: hidden;
    font-size: 16px;
    font-weight: bold;
    
    margin-top: 7px;
    line-height: 22px;
}
.bai-viet-lien-quan h2 span {
    display: inline-block;
    color: var(--color-xanhnhat);
    /* border-bottom: 2px solid var(--color-xanhnhat); */
    padding-bottom: 10px;
    margin-bottom: -2px;
    text-transform: uppercase;
}
.bai-viet-lien-quan h2 {
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(0.25turn, rgb(29 72 54), rgb(140 182 197), rgba(56,2,155,0));
    border-image-slice: 1;
}

/* ---------------Thư viện--------------- */
.st_thuvien .img-tv-m .slick-slide img {
    width: 100%;
    max-height: 200px;
    height: 200px;
    object-fit: cover;
}
.st_thuvien .img-tv-b .slick-slide img {
    width: 100%;
    max-height: 800px;
    height: 100%;
    object-fit: cover;
}
.st_phimtailieu{
    margin-top: 100px !important
}
/*Footer  */
    .st_footer {
        position: relative;
        /* background-image: url(/wp-content/uploads/2023/06/background-footer.png); */
        background-image: url(/wp-content/uploads/2023/06/background-full-footer-pitaland.png);
        /* background-repeat: no-repeat;
        object-fit: contain; */
        background-size: cover;
        background-position: center top;
        padding: 120px 0 200px;

    }
    .st_footer h3.title-form-lienhe {
        color: #fff;
    }
    .st_footer .wpcf7-form-control.has-spinner.wpcf7-submit {
        margin-left: 24%;
        background-color: var(--color-xanhnhat);
        border-top-left-radius: 7px;
        border-bottom-right-radius: 7px;
    }  
    .st_footer p.text-bottom-form {
        color: #fff;
        font-style: italic;
        padding-bottom: 10px;
    }
    .st_footer .sep.line.bottom.form {
        border-top: 1px solid #9f9999;
        padding-bottom: 10px;
    }
    .st_footer a.csq-riengtu {
        color: #fff;
        font-size: 16px;
        text-transform: uppercase;
    }
    .st_footer h3.hotline-footer {
        color: #fff;
        text-transform: uppercase;
        font-size: 13px;
    }
    .st_footer h3.hotline-footer.end {
        font-size: 16px;
        font-weight: 500;
        text-transform: none;
    }
     /* h2.phone-hotline-footer {
        color: orange !important;
        text-transform: uppercase;
        font-size: 20px;
    } */
    .st_footer p.number.phone-hotline-footer {
        color: orange !important;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: 600;
        margin: 0;
    }
    .st_footer .line-footer-bottom-email {
        border-top: 1px solid #9f9999;
        padding-bottom: 20px;
    }
    .st_footer .inline-social.social.text-center {
        display: flex;
        justify-content: center;
    }
    .st_footer .inline-social.social.text-center span a{
        color: #fff;
        padding-right: 5px;
    }
    .st_footer .row-thongtin-footer{
        position: relative;
        z-index: 999;
/*         margin-top: -55%; */
		margin-top: -70%;
    }
    .st_footer{
        height: 1100px;
    }
    canvas.particles-js-canvas-el {
        width: 100% !important;
/*         height: 900px !important; */
		height: 1000px !important;
    }
	.col-right-form-image img {
		margin-top: 20%;
	}
    .st_bottom-footer-ab{
        background-color: var(--color-xanhnhat);
    }
    .footer-bottom-new p {
        font-size: 20px;
        color: #fff;
        margin: 0;
    }
    .col-bottom-footer{
        padding: 0;
    }
    .col-left-form-thongtin, .col-right-form-image{
        padding: 0px 20px;
    }
    .footer-primary.pull-left {
        text-align: center !important;
        float: none;
    }
    .copyright-footer{
        font-size: 14px;
    }
    .copyright-footer span {
        font-size: 14px;
    }
    .absolute-footer.dark {
        padding: 5px 0px;
    }
    .absolute-footer p{
        margin: 0;
    }
    .absolute-footer p.tk-az9s {
        font-size: 14px;
    }
    .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
        border-color: #ffb900;
        color: #fff;
    }
    .wpcf7 form.sent .wpcf7-response-output {
        border-color: #46b450;
        color: #fff;
    }
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
/* ----------------Trang chủ--------------------------- */
/* banner */
.st_banner .thongtin-banner{
    padding: 0px 30px;
    margin-left: 30px;
    /* text-align: justify; */

} 
.st_banner .thongtin-banner .col-inner{
    padding: 20px 0px;
}
.st_banner p{
    overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;
   height: 50px;
}
/* Tin nội bộ */
.st_tin-noibo{
    margin-top: 0px;
}
.st_tin-noibo .col-post .row.large-columns-3.medium-columns-1.small-columns-1 {
    margin-top: -100px;
    transform: translateX(0);
    transition: all 0.5s ease-in-out;
}
.st_tin-noibo h2.title-tin-noibo {
    text-align: center;
}
.st_tin-noibo p.text-tin-noibo {
    text-align: center;
}

/*Tin mới nhất  */
.st_tin-moinhat .col-blog-2 h5.post-title.is-large {
    padding: 0px 55px;
}
/* dự án nổi bật */
span.box-badge {
    margin-top: -31%;
}
/*-----------------Trang giới thiệu--------------------- */
h2.title-thongdiep {
    margin-left: 0px;
    padding-left: 0px;
    margin-top: -20px;
    font-size: 27px;
    text-align: center;
}
.st_quatrinh-gioithieu h2.quatrinh-title {
    font-size: 20px;
}
.st_quatrinh-gioithieu .quatrinh-hinhthanh {
    padding: 20px 45px;
}
.st_banlanhdao-gioithieu .member-list li {
    margin-bottom: 30px;
    text-align: center !important;
}
.st_banlanhdao-gioithieu .item-member-about {
    width: 100%;
    text-align: left !important;
    background: #eee;
    padding: 20px !important;
    max-width: 330px;
}
.st_banlanhdao-gioithieu  .item-member-about:before {
    left: 50% !important;
    right: auto !important;
    top: 0;
    margin: -10px 0 0 -10px;
}
.st_banlanhdao-gioithieu .item-member-about img {
    position: relative;
    height: auto;
    width: 100%;
    max-width: 190px;
    display: block;
    transform: none;
    margin: 0 auto 15px;
    left: auto !important;
    right: auto !important;
    top: auto;
}
/* ký gửi */
.st_type-write .title-text-typewrite{
    font-size: 3rem;
}
.st_form-kygui input.wpcf7-form-control.has-spinner.wpcf7-submit{
    margin-left: -20%;
}
.st_form-kygui ul {
    margin-left: -20px;
}
/*-----------------Trang tin tức------------------------ */
.blog-archive .col.post-item:nth-child(1) .image-cover {
    height: 350px;
}
.blog-archive .col.post-item{
    width: 100% !important;
    margin: 5px 0;
    max-width: inherit;
}
.blog-archive .col.post-item:nth-child(2) .post-title.is-large, .blog-archive .col.post-item:nth-child(3) .post-title.is-large {
    color: var(--color-xanhnhat);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 69px;
}
.blog-archive .col.post-item:nth-child(2) .box-text-inner.blog-post-inner, 
.blog-archive .col.post-item:nth-child(3) .box-text-inner.blog-post-inner {
    position: absolute;
    margin-top: -60%;
    margin-left: 43%;
}
.bai-viet-lien-quan ul li {
    width: 100%;
}
.bai-viet-lien-quan ul {
    flex-direction: column;
}
/* trang sản phẩm */
.col-duan-mb {
    padding: 0px;
    margin-left: 20px;
}
/* ----------------Chi tiết sp -----------------------*/
/* video */
.st_video-products iframe {
    height: 250px;
}
.st_vanban-duan .form-dangky-tu-van.fl, .st_sp-pitaland .form-dangky-tu-van.fl,
.st_chinhsach-banhang .form-dangky-tu-van.fl, .st_tiendo .form-dangky-tu-van.fl {
    display: inline;
}
.st_vanban-duan .wpcf7-form-control-wrap, .st_sp-pitaland .wpcf7-form-control-wrap,
.st_chinhsach-banhang .wpcf7-form-control-wrap, .st_tiendo .wpcf7-form-control-wrap {
    padding-left: 0px;
}
.st_vanban-duan .wpcf7-form-control.has-spinner.wpcf7-submit, .st_sp-pitaland .wpcf7-form-control.has-spinner.wpcf7-submit,
.st_chinhsach-banhang .wpcf7-form-control.has-spinner.wpcf7-submit, .st_tiendo .wpcf7-form-control.has-spinner.wpcf7-submit {
    margin-left: 0px;
    width: 100%;
}
.st_menu-products .navbar-nav{
    margin-left: 0px;
    font-size: 15px;
}
.st_menu-products .image_logo img {
    margin-left: 0px;
    position: relative;
    z-index: 999;
}

/* ----------------Tuyển dụng--------------------*/
.st_nhansu-tuyendung .txt-s-1 {
    background-color: var(--color-xanhnhat);
}
.st_nhansu-tuyendung .left-conpen .title-pro.ani-item.on-show {
    color: #fff;
    padding: 10px 0px;
    font-size: 22px;
}
.st_nhansu-tuyendung ul.list-conpen li {
    color: #fff;
    margin-left: -10px;
}
.left-conpen {
    margin: auto auto 15px;
    padding: 20px;
    /* background-color: #fff; */
    color: #737373;
}
.list-conpen li {
    margin-bottom: 15px;
    display: block;
    padding-left: 30px;
}
.st_nhansu-tuyendung .right-conpen .txt-member {
    width: 100%;
    /* border: 1px solid #ddd; */
    margin-top: 7px;
    background-color: var(--color-xanhnhat);
}
.st_nhansu-tuyendung .right-conpen .title-pro.ani-item.on-show {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
}
.st_nhansu-tuyendung .right-conpen .txt-member.p-content p {
    color: #fff;
}
/* footer mobile */
.st_footer h2.phone-hotline-footer{
    color: orange !important;
    
}
.col-right-form-image img {
    margin-top: 0;
}
.copyright-footer {
    font-size: 12px;
}
/* Thư viện mobile */
.st_thuvien .img-tv-b .slick-slide img {
    width: 100%;
    max-height: 200px;
    height: 100%;
    object-fit: cover;
}
.st_thuvien .img-tv-m .slick-slide img {
    width: 100%;
    max-height: 200px;
    height: 60px;
    object-fit: cover;
}
}


@media screen and (max-width: 48rem){
.career-list tbody td {
    background-color: #eee;
    color: #333;
    border: none;
    border-bottom: 1px solid #fff;
    display: block;
    text-align: right;
    position: relative;
    padding: 10px 10px 10px 120px;
}

.career-list td:last-child {
    display: none;
}

.career-list td::before {
    content: attr(data-label);
    float: left;
    font-size: 12px;
    color: #999;
    position: absolute;
    left: 10px;
    top: 50%;
    margin: -10px 0 0;
    text-align: left;
    line-height: 1.4;
}
.career-list td:nth-child(2), .career-list td:nth-child(4), .career-list td:nth-child(5) {
    text-align: right;
}
.head-list {
    display: none;
}
.career-list tr {
    display: block;
    margin: 0 0 20px;
}
.career-list{
    padding: 10px;
}
.career-title a {
    display: inline-block;
    color: #fff;
}
.career-title::before {
    color: #eee !important;
}
.career-list tbody td {
    font-size: 13px;
}
td.career-title h3 a{
    font-size: 13px !important;
}
.career-list tbody tr:hover td{
    color: var(--color-xanhnhat);
}
td.career-title h3{
    margin-top: -15px;
}
td.career-title {
    background-color: var(--color-xanhnhat) !important;
}
/*css advand  */
.form-nophoso {
    display: block;
     margin-left: 5%;
 }
 .btn-submit.form-upfile {
     margin-left: 5%;
     margin-top: 10%;
 }
 .btn-submit.form-upfile input.wpcf7-form-control.has-spinner.wpcf7-submit{
    width: 95%;
 }
 .file-name {
     top: 245px;
     width: 350px;
 }
 
 .file-mark {
     top: 251px;
     right: 27px;
 }
}



/*CSS advand  */
/* #masthead .menu-item.active a {
    color: yellow;
} */
.st_banner h2.title-banner {
    color: var(--color-xanhnhat);
}
.flickity-page-dots .dot.is-selected {
    width: 30px;
    border-radius: 5px;
    background-color: var(--color-xanhnhat) !important;
    border-color: var(--color-xanhnhat);
}
.st_tin-moinhat a.button.primary.btn-xemthem {
    border-radius: 5px;
}
.ani-item p{
    margin-bottom: 0px;
}
.ani-item p sub{
    font-size: 16px;
}

.btn-gap {
    background-color: var(--color-do);
    color: #fff;
    padding: 10px 20px;
    border-radius: 50px;
}

/* .career-list tbody td  a {
    background-color: var(--color-xanhnhat);
    color: #fff;
    padding: 10px 20px;
    border-radius: 50px;
} */
td.career-title h3 {
    font-size: 14px !important;
    color: var(--color-xanhnhat);
}
.st_cohoi-tuyendung span.section-title-main {
    font-size: 30px;
    color: var(--color-xanhnhat);
}
.download-but {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    background-color: #fff;
    padding: 0 0 50px;
    text-align: center;
}
.download-but h3{
    color: #fff;
}
.download-but a {
    position: relative;
    display: inline-block;
    color: #fff;
    padding: 20px 80px 20px 30px;
    background-color: var(--color-xanhnhat);
    text-align: left;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.download-but-new{
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    background-color: var(--color-xanhnhat);
    text-align: center;
    border-radius: 5px;
    padding: 10px 0px 0px 0px;
    animation: 1s pulse infinite;
}
@keyframes pulse{
	0% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
        
	}

	50% {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
        
	}
	100% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
        
	}
}
.download-but-new a{
    color: #fff;
}
.download-but-new a:hover{
    color: var(--color-do);
}
.download-but-new h3{
    margin: 0;
    color: #fff;
    padding-bottom: 10px;
}
.row-dowload .col.medium-4.small-12.large-4 {
    padding: 0;
}

/* .download-but a::after, .download-but a::before {
    position: absolute;
    content: "";
} */
/* .download-but a::before {
    left: -7px;
    top: -7px;
    width: calc(100% + 14px);
    height: calc(100% + 14px);
    -webkit-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid var(--color-xanhnhat);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
} */
/* .download-but a::after {
    width: 40px;
    height: 40px;
    right: 20px;
    top: 50%;
    margin-top: -20px;
    background: url(/wp-content/uploads/2023/06/select.png) center center no-repeat #666;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
} */
.download-but a:hover::after {
    background-color: #5f5f5f;
}
div#mylightbox {
    padding: 30px !important;
    border: 1px solid #ededed;
    background-color: #fff;
    border-radius: 5px;
}
.featherlight .featherlight-content{
	background-color: var(--color-xanhnhat);
}
.btn-submit.form-upfile input.wpcf7-form-control.has-spinner.wpcf7-submit {
    background-color: var(--color-do);
    border-top-left-radius: 7px;
    border-bottom-right-radius: 7px;
    height: 50px;
    padding: 0px 50px;
}
@media only screen and (max-width: 48em) {
	.off-canvas-left .mfp-content {
	    width: 100%;
	    top: 70px;
	    background: transparent !important;
    	box-shadow: none;
	}
	.mobile-sidebar {
	    background: #fff;
	}
	.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
	    font-size: 17px;
	    color: var(--color-xanhnhat);
	}
	.mfp-content .toggle {
	    color: var(--color-xanhnhat);
	}
	.icon-menu:before {
		content: "\f550";
		font-family: "Font Awesome 5 Free" !important;
		font-weight: 900;
		margin-right: 5px;
	}
	.icon-menu:after {
		 content: "Menu";
		 font-weight: bold;
		 color: #fff;
		 font-family: 'Muli';
	}
	.header-main .nav > li > a > i {
		font-size: 18px;
		color: #fff;
		
		border-radius: 4px;
		padding: 5px;
	}
	.nav-sidebar.nav-vertical>li+li{border-color: #ececec !important;}

    .st_footer{
        height: 1500px;
    }
    canvas.particles-js-canvas-el {
        width: 390px !important;
        height: 1450px !important;
    }
    .st_footer .row-thongtin-footer {
        margin-top: -1400px;
    }
    .col-video-products {
        margin-left: 0%;
    }
    /* .footer-bottom-new p {
        margin-top: 50px;
    } */
    .st_tin-moinhat .blog-tintuc-2 .col.post-item .col-inner h5.post-title.is-large{
        height: 32px;
    }
    .download-but-new {
        width: 90%;
        margin-left: 5%;
    }
}
@media (min-width: 1920px) and (max-width: 2560px)  {
    .st_footer .row-thongtin-footer {
        margin-top: -46% !important;
        padding-bottom: 3%;
	}
}
@media only screen  and (min-width : 1824px) {
    .st_footer{
        height: 1100px;
    }
	canvas.particles-js-canvas-el {
        width: 100% !important;
        height: 1000px !important;
    }
    .st_footer .row-thongtin-footer {
        margin-top: -45%;
    }
    .col-right-form-image img {
        margin-top: 15%;
        margin-left: 50px;
        width: 840px !important;
        height: 840px !important;
    }
}
@media only screen and (max-width: 48em){
/*menu sản phẩm mobile  */
  .st_menu-products2 .mobile-container {
    /* max-width: 480px;
    margin: auto;
    
    color: white;
    border-radius: 10px;
    margin-top: -45px; */
    /* height: 500px; */
  }
  .st_menu-products2{
    position: fixed;
    /* position: -webkit-sticky; */
    top: 0;
    z-index: 99;
    background-color: #fff;
    
  }
  .st_menu-products2 .topnav {
    overflow: hidden;
    background-color: transparent;
    position: relative;
    margin-top: -50px;
    padding: 50px 0px 30px 5px;
  }
  .st_menu-products2 .menu-fl-1 {
    margin-top: -50px;
    background-color: #ededed;
    padding: 4px 4px;
}
  .st_menu-products2 .topnav #myLinks {
    display: none;
  }
  .menu-fl-1:nth-child(1) {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
  .menu-fl-1:nth-child(3){
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    }
  .st_menu-products2 .topnav a {
    color: var(--color-xanhnhat);
    padding: 0px 15px;
    text-decoration: none;
    font-size: 14px;
    display: block;
    font-weight: 600;
    line-height: 2;
  }
  
  .st_menu-products2 .topnav a.icon {
    /* background: black; */
    display: block;
    position: absolute;
    right: 0;
    top: 10px;
    color: var(--color-xanhnhat) !important;
    /* border: 1px solid #ededed; */
  }
  
  .st_menu-products2 .topnav a:hover {
    /* background-color: #ddd; */
    color: black;
  }
  
  /* .st_menu-products .active {
    background-color: #04AA6D;
    color: white;
  } */
  .st_menu-products2 .active #myLinks{
    padding: 20px 0px;
  }
  .st_menu-products2 .menu-tongquan-fl{
    display: flex;
    margin-top: 60px;
	padding: 0px 20px;
  }
  .st_menu-products2 span.image_logo img {
    width: 120px;
    height: 60px;
    position: relative;
    z-index: 999;
    margin-top: 10px;
  } 
  .st_menu-products2 .col-menu-mobile-scroll{
    padding-bottom: 0px;
  }
  .shop-container .product-thumbnails img, .shop-container .product-gallery-slider img{
    padding-top: 30px;
  }

  .sgpb-main-html-content-wrapper input.wpcf7-form-control.has-spinner.wpcf7-submit {
    width: 100%;
    }
    .sgpb-main-html-content-wrapper p.text-form-top-dangky-tuvan{
    font-size: 15px;
    }
}

/*Thêm form lấy thông tin khách hàng tại dự án  */
.st_lydo-dautu {
    background-color: #fff;
}
.form-tt-duan-2muc h2.title-form-2muc {
    text-align: center;
	text-transform: uppercase;
}
.form-tt-duan-2muc p.text-form-2muc{
	text-align: center;
}
.fl-form-2muc p {
    display: flex;
}
.fl-form-2muc input.wpcf7-form-control.has-spinner.wpcf7-submit {
    width: 30%;
	background-color: var(--color-do);
	color: #fff;
}
@media only screen and (max-width: 48em){
	.fl-form-2muc p {
    display: block;
}
	.fl-form-2muc input.wpcf7-form-control.has-spinner.wpcf7-submit {
    width: 100%;
}
	.st_phattrien-tuyendung .row-img{
		padding: 0px;
	}
}

/* ẩn thanh sửa trang */
/* li#wp-admin-bar-edit {
    display: none;
} */

.demluotxem {
    display: flex;
    padding-left: 5px;
}
.demluotxem p{
    padding-left: 5px;
}
.entry-meta.is-small.single-date {
    display: flex;
}
/*custom css archive-du_an_bds*/
/* ===== Archive dự án: đúng Desktop 2 cột / Mobile 1 cột ===== */
.pita-duan-archive__header{
  text-align: center;
  padding: 18px 0 10px;
}
.pita-duan-archive__title{
  margin: 0;
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* GRID */
.pita-duan-grid{
  display: grid;
  gap: 18px;
}

/* Desktop: 2 cột như hình 2 */
@media (min-width: 850px){
  .pita-duan-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Mobile: 1 cột như hình 1 */
@media (max-width: 849px){
  .pita-duan-grid{
    grid-template-columns: 1fr;
    gap: 14px;
  }
}

/* CARD */
.pita-duan-card__media{
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  background: #ddd;
}

/* Desktop card: thấp vừa (wide) */
@media (min-width: 850px){
  .pita-duan-card__media{
    height: 260px;          /* ✅ giống hình 2 */
  }
}

/* Mobile card: cao hơn để chữ + overlay dễ đọc */
@media (max-width: 849px){
  .pita-duan-card__media{
    height: 300px;          /* ✅ giống hình 1 */
    border-radius: 20px;
  }
}

.pita-duan-card__img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* BADGE */
.pita-duan-card__badge{
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0.48) !important;
  color: #fff;
  /*font-weight: 800;*/
  padding: 8px 14px;
  border-radius: 10px;
  line-height: 1;
  font-size: 14px;
}

/* Mobile badge to hơn 1 chút */
@media (max-width: 849px){
  .pita-duan-card__badge{
    font-size: 15px;
    padding: 9px 15px;
  }
}

/* OVERLAY TEXT */
.pita-duan-card__overlay{
  position: absolute;
  left: 0; right: 0; bottom: 0;
  padding: 16px 18px;
  z-index: 2;
  color: #fff;
background-color: rgba(24, 24, 24, 0.483);
  
}

/* Desktop text: nhỏ hơn, đúng kiểu gọn như hình 2 */
@media (min-width: 850px){
  .pita-duan-card__overlay{ padding: 14px 16px; }
  .pita-duan-card__title{
    font-size: 18px;
    margin: 0 0 6px;
  }
  .pita-duan-card__meta{ font-size: 13px; }
  .pita-duan-card__price{ font-size: 14px; }
}

/* Mobile text: to hơn, dễ đọc như hình 1 */
@media (max-width: 849px){
  .pita-duan-card__overlay{ padding: 18px 18px; }
  .pita-duan-card__title{
    font-size: 22px;
    margin: 0 0 8px;
  }
  .pita-duan-card__meta{ font-size: 15px; }
  .pita-duan-card__price{ font-size: 16px; }
}

.pita-duan-card__title{
  font-weight: 900;
  line-height: 1.25;
  color: #fff;
}
.pita-duan-card__meta{
  opacity: .95;
  margin-bottom: 4px;
}
.pita-duan-card__price{
  color: #ffd66b;
  font-weight: 900;
}

/* HOVER desktop */
@media (min-width: 850px){
  .pita-duan-card__link:hover .pita-duan-card__media{
    transform: translateY(-2px);
    transition: .2s ease;
  }
}

/* Pagination */
.pita-duan-pagination{
  margin: 18px 0 30px;
  text-align: center;
}
/*phan trang cho archive-du_an_bds*/
/* ===== Pagination đẹp cho dự án ===== */
.pita-duan-pagination{
  margin: 22px 0 40px;
  display: flex;
  justify-content: center;
}

/* paginate_links type=list => .page-numbers là UL */
.pita-duan-pagination .page-numbers{
  list-style: none;
  display: flex;
  gap: 10px;
  padding: 0;
  margin: 0;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.pita-duan-pagination .page-numbers li{
  margin: 0;
  padding: 0;
}

.pita-duan-pagination .page-numbers a,
.pita-duan-pagination .page-numbers span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.10);
  background: #fff;
  color: var(--color-xanhnhat);
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  transition: .18s ease;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}

/* Hover */
.pita-duan-pagination .page-numbers a:hover{
  transform: translateY(-1px);
  border-color: rgba(0,0,0,.18);
}

/* Trang hiện tại */
.pita-duan-pagination .page-numbers .current{
  background: var(--color-xanhnhat);
  color: #fff;
  border-color: var(--color-xanhnhat);
  box-shadow: 0 10px 22px rgba(0,0,0,.10);
}

/* Dấu ... */
.pita-duan-pagination .page-numbers .dots{
  border: 0;
  background: transparent;
  box-shadow: none;
  min-width: auto;
  padding: 0 6px;
}

/* Prev/Next */
.pita-duan-pagination .page-numbers .prev,
.pita-duan-pagination .page-numbers .next{
  min-width: 46px;
  padding: 0 16px;
}

/* Mobile gọn hơn */
@media (max-width: 849px){
  .pita-duan-pagination .page-numbers a,
  .pita-duan-pagination .page-numbers span{
    min-width: 38px;
    height: 38px;
    padding: 0 12px;
    font-size: 14px;
  }
}