/*
Theme Name: Flatsome child
Description: Flatsome Team developed for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.9
*/


/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
    src: url(assets/webfonts/UTM_Avo.woff);
    font-family: 'UTM_Avo';
    font-display: swap;
}
@font-face {
    src: url(/wp-content/themes/flatsome-child/font//UTM_AvoBold.woff);
    font-weight: bold;
    font-family: 'UTM_Avo';
    font-display: swap;
}
/* Chung */
.social-header-top {
    display: flex;
  }
  
  .social-header-top .social-icon {
      font-size: 16px;
      width: 40px;
      height: 40px;
      line-height: 40px;
      border-radius: 50%;
      margin-left: calc(10px/2);
      margin-right: calc(10px/2);
      background-color: #ededed;
      transition: .4s;
  }
  .social-header-top .social-icon i.fa-brands {
      display: flex;
      justify-content: center;
      margin-top: 30%;
      color: #000;
      transition: .4s;
  }
  .social-header-top .social-icon:hover{
    background-color: var(--color-xanh);
  }
  .social-header-top .social-icon:hover i.fa-brands{
    color: #fff;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  .info-contact-header-top {
    display: flex;
  }
  .info-contact-header-top .info-contact {
    display: flex;
    padding: 0px 15px;
  }
  .info-contact-header-top .info-content {
    padding-left: 10px;
  }
  .info-contact-header-top .info-contact.phone,.info-contact-header-top .info-contact.email{
    border-right: 1px solid #e2e0d5;
  }
  .info-contact-header-top img.img-contact-head{
    width: 30px;
    height: 30px;
    margin-top: 4px;
  }
  .info-contact-header-top p.text-contact{
    font-size: 12px;
  }
  .info-contact-header-top h3.desc-contact {
    font-size: 14px;
  }
  .info-contact-header-top h3.desc-contact a{
    color: #000;
    transition: .2s;
  }
  .info-contact-header-top h3.desc-contact a:hover{
    color: var(--color-xanh);
  }
body {
    font-family: 'UTM_Avo', Arial, sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'UTM_Avo', Arial, sans-serif !important;
}
p{
    text-align: justify;
    color: #000;
    font-size: 14px;
    /* margin-bottom: 0; */
}
ul,li{
    color: #000;
    font-size: 14px;
}
 .milo .after-title {
    padding-bottom: 20px;
    margin-bottom: 25px;
    position: relative;
}
 .milo .after-title:after {
    content: '';
    width: 50px;
    height: 6px;
    background: var(--color-xanh);
    border-radius: 10px;
    position: absolute;
    bottom: -5px;
    left: 0px;
}
 .section-title-normal {
    border-bottom: none;
    margin-bottom: 0;
    font-weight: 800;
    font-size: 26px;
    color: #000;
}
/* Header */
div#masthead {
    background: #fff;
}

a.nav-top-link{
    font-size: 14px !important;
    color: #000;
}
div#masthead ul.sub-menu.nav-dropdown.nav-dropdown-default {
    width: 300px;
}
.nav-dropdown-has-arrow li.has-dropdown:after, .nav-dropdown-has-arrow li.has-dropdown:before{
    border:none;
}
.nav-dropdown.nav-dropdown-default>li{
    border-bottom: 1px solid #ededed;
}
.nav-dropdown.nav-dropdown-default>li>a {
    font-size: 12px;
    border-bottom: none;
    color: #000;
}
.nav-dropdown-default{
    padding: 0;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default .menu-item:hover{
    background-color: var(--color-xanh);
}
.nav-dropdown.nav-dropdown-default>li>a:hover{
    color: #fff;
}
.header-button a{
    color: #fff;
    background-color: var(--color-xanh);
}
/* Home page */
.st_sanpham h2 {
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    color: #111;
    margin-bottom: 30px;
    position: relative;
}

.st_sanpham h2::after {
    content: "";
    width: 80px;
    height: 3px;
    background: var(--color-xanh);
    position: absolute;
    left: 50%;
    bottom: -10px;
	border-radius:99px;
    transform: translateX(-50%);
}
/* Box sản phẩm */
.product-small.box {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    transition: all 0.35s ease;
}

/* Hover nổi lên */
.product-small.box:hover {
    box-shadow: 0 18px 45px rgba(0,0,0,0.15);
}



.st_tt-img .row .col, .st_thongtin-page .row .col.medium-6{
    background-color: #ededed;
    padding: 0px;
    margin-bottom: 10px;
}
.st_tt-img .row .col.milo, .st_thongtin-page .row .col.milo{
    padding: 50px;
}
.st_tt-img .row .col .section-title-normal span, .st_thongtin-page .row .col .section-title-normal span{
    border-bottom: none;
    margin-bottom: 0;
    font-weight: 800;
    font-size: 26px;
    text-transform: none;
}
a.button.primary.btn-baogia {
    padding: 5px 20px;
    font-size: 18px;
    background-color: #f7931e;
}
.st_thongtin-page h1{
    color: #000;
    font-size: 32px;
}
/* giải pháp */
.st_giaiphap h3{
    color: #fff;
}
/* tin tức */
.st_tintuc h2{
    color: #000;
}
.st_tintuc h5.post-title.is-large {
    color: #000;
}
.st_tintuc h5.post-title.is-large a:hover {
    color: var(--color-xanh);
}
.st_tintuc .is-divider{
    display: none;
}
.st_tintuc a.button.is-link.is-small.mb-0 {
    font-weight: 100;
    text-transform: none;
    font-size: 14px ;
}
.st_tintuc .button.is-link.is-small.mb-0:hover {
    color: var(--color-xanh);
}
.st_tintuc .row .col{
    padding-bottom: 0;
}
/* sản phẩm home */
.st_sanpham .product-small .box-image img{
    border: 1px solid #ededed;
}
.st_sanpham h2{
    color: #000;
}
.st_sanpham .title-wrapper p{
    font-size: 18px;
    color: #000 !important;
    text-align: center;
    overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;
   height: 50px;
}
.st_sanpham .woocommerce-Price-amount.amount{
    color: var(--color-do);
    font-size: 16px;
}
/* tư vấn */
.st_tuvan .wpcf7{
    background-color: var(--color-xanh);
    padding: 20px 10px;
    border-radius: 40px;
}
.st_tuvan .wpcf7 p{
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}
input[type=email], input[type=number], input[type=search], input[type=tel], input[type=text], input[type=url], textarea{
    border-radius: 6px;
    font-weight: 300;
}
select.wpcf7-form-control.wpcf7-select{
    border-radius: 6px;
    font-weight: 300;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner{
    border-radius: 6px;
    margin: 0;
    background-color: var(--color-xanh);
    min-width: 8em;
    height: 50px;
    margin-left: 10%;
    transition: .3s;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner:hover{
    background-color: #0d93c4;
}
/* năng lực */
.st_nangluc{
    background-color: var(--color-xanh);
}
.st_nangluc .after-title {
    font-size: 1.875rem;
    padding-bottom: 0.6em;
    margin-bottom: 1em;
    position: relative;
    text-transform: none;
}
.st_nangluc .after-title:after {
    content: '';
    width: 50px;
    height: 6px;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    bottom: -5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.st_nangluc .row .col-inner {
    background-color: #fff;
    border-radius: 10px;
    padding: 10px 10px 20px 10px;
    height: 100%;
}
.st_nangluc .row .col-inner p{
    font-size: 14px;
}
/* đối tác cung cấp linh kiện */
.st_doitac .after-title {
    font-size: 1.875rem;
    padding-bottom: 0.6em;
    margin-bottom: 1em;
    position: relative;
    text-transform: none;
}
.st_doitac .after-title:after {
    content: '';
    width: 50px;
    height: 6px;
    background: var(--color-xanh);
    border-radius: 10px;
    position: absolute;
    bottom: -5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.st_doitac img.ux-logo-image.block{
    filter: grayscale(100%);
    transition: .3s;
}
.st_doitac img.ux-logo-image.block:hover{
    filter: grayscale(0%);
}
/* tin tức home bottom */
.st_tintuc .mota-tintuc {
    text-align: center;
    font-size: 14px;
}
.st_tintuc a.button.primary.is-link.lowercase{
    font-weight: 300;
    color: var(--color-xanh);
}
/* footer */
.st_footer h3{
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
}
.st_footer .bottom-title-footer{
    width: 70px;
    height: 4px;
    background-color: var(--color-xanh);
    margin-bottom: 10px;
    border-radius: 99px;
}
.st_footer ul li{
    list-style: none;
    margin-left: 0;
    color: #fff;
    font-size: 14px;
}
.st_footer ul li a{
    color: #fff;
    transition: .3s;
}
.st_footer ul li a:hover{
    color: var(--color-xanh);
}
.st_footer li.hotline, .st_footer li.hotline_2{
    color: var(--color-xanh);
}
.absolute-footer.dark.medium-text-center.text-center{
    display: none;
}
.st_footer .hidden-content {
    display: none;
}
.st_footer ul.main-footer-menu li i{
    padding-left: 10px;
    font-size: 14px;
}
.tabicon {
    position: fixed;
    bottom: 100px;
    right: 0;
    width: 60px;
    background: var(--color-xanh);
    z-index: 9999;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.tabicon a {
    display: block;
    line-height: 0;
    text-align: center;
    padding: 5px;
    position: relative;
}

.tabicon a:not(:last-child) {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px rgb(255 255 255 / 16%);
    box-shadow: 0 1px rgb(255 255 255 / 16%);
}

.tabicon a img, .tabicon a svg {
    width: 40px;
    height: 40px;
}

.tabicon a span.tooltip {
    visibility: hidden;
    font-size: 12px !important;
    line-height: 16px !important;
    text-align: center;
    white-space: nowrap;
    border-radius: 4px;
    padding: 8px;
    position: absolute;
    top: calc(50% - 16px);
    left: 70px;
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    background-color: #1D243E;
    color: #fff;
}

.tabicon a span.tooltip:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #1D243E;
    rotate: 45deg;
    -webkit-rotate: 45deg;
    -khtml-rotate: 45deg;
    -moz-rotate: 45deg;
    -ms-rotate: 45deg;
    -o-rotate: 45deg;
    left: -5px;
}

.tabicon a span.mobile {
    display: none;
}

.tabicon.mobile {
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0;
    display: none;
}

.tabicon.mobile a {
    padding: 0;
    height: 56px;
    width: 62px;
    padding-top: 5px;
}

.tabicon.mobile a img, .tabicon.mobile a svg {
    width: 35px;
    height: 35px;
    margin-bottom: 6px;
}

.tabicon.mobile a span.tooltip {
    display: none;
}

.tabicon.mobile a span.mobile {
    display: block;
    color: #fff;
    font-size: 8.6px;
}

/* @media screen and (max-width: 768px) {
    .tabicon.mobile {
        display: flex;
    }

    .tabicon.web {
        display: none;
    }
} */
/* page giới thiệu */
.st_tm-sm-gt .after-title.text-center {
    font-size: 1.875rem;
    padding-bottom: 0.6em;
    margin-bottom: 1em;
    position: relative;
    text-transform: none;
}
.st_tm-sm-gt .after-title.text-center:after {
    content: '';
    width: 50px;
    height: 6px;
    background: var(--color-xanh);
    border-radius: 10px;
    position: absolute;
    bottom: -5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.st_tm-sm-gt .row .col h2{
    font-size: 26px;
    color: #000;
}
.st_tm-sm-gt .row .col p{
    color: #000;
}
.st_tm-sm-gt.hanhtrinh .text-img {
    display: flex;
    flex-wrap: nowrap;
    background-color: #fff;
    border-radius: 5px;
    padding: 10px;
}
.st_tm-sm-gt.hanhtrinh .text-img img{
    flex-basis: 30%;
    width: 30px;
    height: 100px;
    border-radius: 4px;
}
.st_tm-sm-gt.hanhtrinh .text-img p{
    flex-basis: 70%;
    padding: 10px;
    font-size: 14px;
}
.st_tm-sm-gt.hanhtrinh .date-hanhtrinh p strong{
    color: var(--color-xanh);
    padding-top: 10px;
    font-size: 18px;
}
/* văn hóa doanh nghiệp */
.st_vhdn .after-title.text-center {
    font-size: 1.875rem;
    padding-bottom: 0.6em;
    margin-bottom: 1em;
    position: relative;
    text-transform: none;
}
.st_vhdn .after-title.text-center:after {
    content: '';
    width: 50px;
    height: 6px;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    bottom: -5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
/* hợp tác kinh doanh */
.st_htkd .after-title.text-center {
    font-size: 1.875rem;
    padding-bottom: 0.6em;
    margin-bottom: 1em;
    position: relative;
    text-transform: none;
}
.st_htkd .after-title.text-center:after {
    content: '';
    width: 50px;
    height: 6px;
    background: var(--color-xanh);
    border-radius: 10px;
    position: absolute;
    bottom: -5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.st_htkd .is-divider{
    display: none;
}
.st_htkd .button.primary.is-link.lowercase{
    font-weight: 300;
    color: var(--color-xanh)
}
.st_htkd .row .col{
    padding-bottom: 0;
}
/* Trang sản phẩm */
.shop-container .product-small .box-image img{
    border: 1px solid #ededed;
}
.shop-container .name.product-title.woocommerce-loop-product__title{
    font-size: 18px;
    color: #000;
    text-align: left;
    overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;
   height: 50px;
}
.shop-container span.price{
    text-align: left;
}
.shop-container .woocommerce-Price-amount.amount{
    color: var(--color-do);
    font-size: 16px;
    font-weight: 500;
}
.shop-container .add-to-cart-button {
    text-align: left;
}
.shop-container .add-to-cart-button a{
    background-color: transparent;
    border: 1px solid var(--color-xanh);
    border-radius: 99px;    
    padding: 5px 10px;
    color: var(--color-xanh);
    transition: .3s;
}
.shop-container .add-to-cart-button a:hover{
    background-color: var(--color-xanh);
    color: #fff;
    border-color: none;
}
.woof_redraw_zone h4 {
    font-size: 20px;
    color: #000;
}
.woof_redraw_zone .icheckbox_square-blue {
    border-radius: 2px;
}
.woof_container_product_cat, .woof_container_giai-phap{
    border-bottom: 1px solid #000;
}
span.lienhe-product {
    font-size: 16px;
    font-weight: 500;
    color: red;
}
/* chi tiết sản phẩm */
.st_chitiet-product .wp-caption .wp-caption-text {
    background: transparent;
}
.st_chitiet-product .row-tt-sp nav.woocommerce-breadcrumb.breadcrumbs.uppercase a{
    font-size: 21px;
    color: #000;
    font-weight: 600;
}
.st_chitiet-product .row-tt-sp h1.product-title.product_title.entry-title{
    color: var(--color-xanh);
    font-size: 2.6em;
}
.st_chitiet-product .is-divider.small{
    display: none;
}
.st_chitiet-product .row-tt-sp .woocommerce-Price-amount.amount{
    font-size: 30px;
}
.st_chitiet-product .product-images img, .st_chitiet-product .product-thumbnails img{
    border: 1px solid #ededed;
}
.st_chitiet-product button.single_add_to_cart_button.button.alt{
    background-color: #f68a04;
}
.st_chitiet-product li#tab-title-additional_information{
    display: none;
}
.st_chitiet-product .woocommerce-tabs ul.tabs li {
    width: 23%;
    font-size: 20px;
    text-align: center;
    color: #000;
    margin-left: 0;
    margin-right: 0;
}
.st_chitiet-product .woocommerce-tabs ul li  a{
    font-weight: 600;
}
.st_chitiet-product #tab-title-description, .st_chitiet-product #tab-title-reviews, .st_chitiet-product #tab-title-tab_kt {
    border-right: 1px solid #000;
}
.st_chitiet-product .woocommerce-tabs ul.tabs li{
    background-color: #ededed;
}
.st_chitiet-product .woocommerce-tabs ul>li.active {
    background-color: #FFF;
}
 .st_chitiet-product .nav-line>li>a:before{
    background-color: transparent;
}
/* tin tức */
.nav-pagination>li>.current{
    background-color: var(--color-xanh);
    border-color: var(--color-xanh);
}
.nav-pagination>li>.current:hover{
    background-color: var(--color-xanh);
    border-color:var(--color-xanh) ;
}
.nav-pagination>li>a{
    font-size: 14px;
}
.page-numbers li{
    color: var(--color-xanh);
    transition: .3s;
}
.page-numbers li a:hover{
    background-color: var(--color-xanh);
    color: #fff;
    border-color: var(--color-xanh);
}
.st_baivietdautien h5.post-title.is-large{
    color: #fff !important;
}
.blog-wrapper h5.post-title.is-large{
    font-size: 16px;
    color: #000;
}
.blog-wrapper h5.post-title.is-large a:hover{
    color: var(--color-xanh);
}
.box-blog-post .is-divider{
    display: none;
}

.st_thanhben-tintuc h5.post-title.is-large{
    font-size: 12px;
    font-weight: 600;
    overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;
   height: 35px;
   transition: .3s;
}
.st_thanhben-tintuc h5.post-title.is-large a:hover{
    color: var(--color-xanh);
}
.post-sidebar.large-4.col {
    padding: 0;
}
.st_thanhben-tintuc .col.post-item {
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 0;
}
.st_thanhben-tintuc ul.nav.nav-simple.nav-normal.nav-size-normal.nav-left {
    border-bottom: 2px solid var(--color-xanh);
}
.st_thanhben-tintuc ul.nav.nav-simple.nav-normal.nav-size-normal.nav-left li{
    padding: 0 5px;
    margin: 0;
}
.st_thanhben-tintuc ul.nav.nav-simple.nav-normal.nav-size-normal.nav-left li a{
    font-size: 13px;
}
.st_thanhben-tintuc ul.nav.nav-simple.nav-normal.nav-size-normal.nav-left li.active{
    background-color: var(--color-xanh);
}
.st_thanhben-tintuc ul.nav.nav-simple.nav-normal.nav-size-normal.nav-left li.active a{
    color: #fff;
}
.st_thanhben-tintuc .cat-label.is-xxsmall.op-7.uppercase {
    font-size: 10px;
    background: var(--color-xanh);
    display: inline;
    padding: 5px;
    color: #fff;
}
.st_thanhben-tintuc .post-meta.is-small.op-8 {
    font-size: 12px;
    color: #000;
    padding-top: 5px;
    font-weight: 300;
}
/* chi tiết tin tức */
.single-post .show-tuyendung{
    display: none;
}
.single-post b, .single-post strong{
    color: #000;
}
.single-post .entry-header-text-top{
    padding-bottom: 0;
}
.single-post h6.entry-category.is-xsmall a{
    background-color: var(--color-xanh);
    padding: 5px 7px;
    color: #fff;
    font-weight: 300;
}
.single-post .entry-meta.uppercase.is-xsmall{
    font-weight: 300;
    color: #000;
    font-size: 14px;
    text-transform: capitalize;
}
.single-post a.url.fn.n{
    color: #000;
    font-weight: 600;
}
.single-post span.posted-on {
    display: none;
}
.single-post .social-icons a{
    font-size: 16px;
}
.single-post .circle{
    border-radius: 5px !important;
}
.single-post .button.is-outline{
    border: 1px solid ;
}
.single-post .st_baivietdautien{
    display: none;
}
.single-post h1.entry-title{
    font-size: 32px;
    font-weight: 500;
    color: #000;
}
.single-post .entry-divider.is-divider.small{
    display: none;
}
.single-post .entry-meta.text-left, .single-post nav#nav-below {
    display: none;
}
.single-post .title-bv {
    border-bottom: 1px solid var(--color-xanh);
    margin-bottom: 10px;
}
.single-post .title-bv span{
    font-size: 16px;
    background-color: var(--color-xanh);
    padding: 6px 10px;
    color: #fff;
}
.bai-viet-lien-quan span.post-title.is-large {
    color: #000;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
            line-clamp: 2; 
    -webkit-box-orient: vertical;
    height: 44px;
}
/* Catalouge */
.st_catalogue li#tab-catalogue a,.st_catalogue li#tab-video a{
    font-size: 1rem;
    font-weight: 600;
    padding: 10px;
}
.st_catalogue .nav-line-bottom>li>a:before{
    background-color: var(--color-xanh);
}
.st_catalogue h4{
    color: #000;
}
.st_catalogue p{
    color: #000;
    font-weight: 600;
    text-align: center;
}
/* tuyển dụng */
.st_tuyendung h2{
    color: var(--color-xanh);
    font-weight: 800;
}
.st_tuyendung .line-title-tuyendung{
    border-bottom: 1px dotted var(--color-xanh);
}
.st_tuyendung h3{
    color: var(--color-xanh);
}
.st_tuyendung ul li{
    list-style: none;
    margin-left: 0;
    color: #000;
}
.st_tuyendung ul li i{
    padding-right: 10px;
}
.st_tuyendung .row-tuyendung{
    display: flex;
    flex-wrap: nowrap;
}
.st_tuyendung .row-tuyendung .col-8.tuyendung {
    flex-basis: 75%;
    padding: 10px;
}
.st_tuyendung .row-tuyendung .col-4.tuyendung{
    flex-basis: 25%;
    text-align: center;
}
.st_tuyendung a.btn-gap{
    padding: 10px 20px;
    border: 1px solid var(--color-xanh);
    border-radius: 99px;
    transition: .3s;
    color: var(--color-xanh);
}
.st_tuyendung a.btn-gap:hover{
    background-color: var(--color-xanh);
    color: #fff;
}
.st_tuyendung .khoangtrong-tuyendung {
    margin-top: 100px;
}
.st_tuyendung .wpcf7 h3.title-form{
    text-align: center;
    text-transform: uppercase;
    color: var(--color-xanh);
}
.st_tuyendung .wpcf7{
    padding: 10px;
    background-color: #ededed;
}
.st_tuyendung input.wpcf7-form-control.wpcf7-submit.has-spinner {
    margin-left: 33%;
    font-weight: 500;
    text-transform: none;
}
.st_tuyendung p.camon-form{
    text-align: center;
    font-weight: 600;
    color: #000;
}
.single-chnn .st_baivietdautien{
    display: none;
}
.single-chnn h1.entry-title{
    color: var(--color-xanh);
}
.single-chnn .entry-divider.is-divider.small, 
.single-chnn .blog-share.text-center,
.single-chnn footer.entry-meta.text-left,
.single-chnn .flex-row.next-prev-nav.bt.bb,
.single-chnn .blog-share.text-left{
    display: none;
}
.show-tuyendung {
    background: #ededed;
    padding: 20px;
    border-radius: 6px;
}
.show-tuyendung .title-form{
    text-align: center;
    color: var(--color-xanh);
    text-transform: uppercase;
    font-weight: 600;
}
.show-tuyendung .form-chitiet-td {
    display: flex;
    flex-wrap: nowrap;
}
.show-tuyendung .td-col-one,
.show-tuyendung .td-col-two{
    flex-basis: 50%;
    padding-right: 10px;
}
.show-tuyendung input[type=email],.show-tuyendung input[type=number],.show-tuyendung input[type=search],
.show-tuyendung input[type=tel],.show-tuyendung input[type=text],.show-tuyendung input[type=url],.show-tuyendung textarea {
    height: 53px;
}
.show-tuyendung input.wpcf7-form-control.wpcf7-submit.has-spinner{
    margin-left: 0;
    height: 50px;
}
.show-tuyendung p.camon-form{
    color: #000;
    font-size: 20px;
    text-align: right;
    font-weight: 600;
}
/* công trình tiêu biểu */
.single-featured_item h1.entry-title{
    font-size: 32px;
    color: #000;
    font-weight: 500;
    margin: 10px 0px;
}
.single-featured_item .social-icons a{
    font-size: 16px;
}
.single-featured_item .circle{
    border-radius: 5px !important;
}
.single-featured_item .button.is-outline{
    border: 1px solid ;
}
.single-featured_item p.uppercase.portfolio-box-category.is-xsmall.op-6 {
    display: none;
}
.single-featured_item h6.uppercase.portfolio-box-title {
    text-transform: none;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
            line-clamp: 3; 
    -webkit-box-orient: vertical;
    height: 44px;
    color: #000;
    text-align: left;
}
.single-featured_item .portfolio-top .large-4.col{
    padding: 0;
}
.single-featured_item .col-divided{
    border-right: none;
}
.single-featured_item .flex-row.flex-has-center.next-prev-nav.bt.bb{
    display: none;
}
.archive.tax-featured_item_category h1.entry-title.uppercase.mb-0{
    text-transform: none;
    color: #000;
}
.archive.tax-featured_item_category h6.uppercase.portfolio-box-title{
    text-align: left;
    text-transform: none;
    color: #000;
    font-size: 14px;
}
.archive.tax-featured_item_category .box-text.text-center {
    padding: 15px;
}
.archive.tax-featured_item_category  p.uppercase.portfolio-box-category.is-xsmall.op-6 {
    display: none;
}
/* an ninh chống trộm */
.st_sp-mau h3{
    font-size: 24px;
    color: #000;
}
.st_sp-mau h4{
    font-size: 24px;
    color: #000;
    font-weight: 300;
}
.st_sp-mau p.txt-sp {
    font-size: 16px;
}
.st_sp-mau .price{
    font-size: 30px;
    color: var(--color-xanh);
}
.st_sp-mau .txt-title{
    color: var(--color-xanh);
    font-weight: 600;
    font-size: 17px;
}
.st_form-page .wpcf7{
    background-color: #fff;
    padding: 20px;
    border-radius: 4px;
}
.st_form-page input.wpcf7-form-control.wpcf7-submit.has-spinner {
    margin-left: 30%;
}
.st_sp-page h2{
    color: #000;
    font-size: 32px;
}
.st_sp-page span.woocommerce-Price-amount.amount{
    color: var(--color-do);
    font-size: 16px;
}
.st_sp-page p.name.product-title.woocommerce-loop-product__title{
    font-size: 16px;
    color: #000;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
            line-clamp: 2; 
    -webkit-box-orient: vertical;
    height: 44px;
}
/* Lumi factory */
h2.title-factory{
    color: var(--color-xanh);
    font-size: 1.5rem;
    text-transform: uppercase;
}
.st_quymo.factory p{
    font-size: 18px;
    color: #000;
    margin-bottom: 0;
}
.st_quymo.factory p.p-dem{
    font-size: 24px;
    color: var(--color-xanh);
    font-weight: 600;
}
.st_linhvuc.factory h3{
    color: var(--color-xanh);
}
.st_slider-factory h3{
    color: var(--color-xanh);
}
.st_sp.factory p.p-dem{
    font-size: 1.5rem;
    color: var(--color-xanh);
    font-weight: 600;
}
.st_sp.factory p{
    font-size: 18px;
    margin-bottom: 0;
}
.st_sp.factory h3{
    color: var(--color-xanh);
}
.st_vitri.factory h3{
    color: var(--color-xanh);
}
.st_vitri.factory ul li strong{
    color: var(--color-xanh);
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
ul.mobile-nav.nav.nav-right li a {
    font-size: 14px;
}
.thongtin-tuyendung {
    padding: 20px;
}
.st_tuyendung .row-tuyendung{
    display: block;
}
.st_tuyendung .khoangtrong-tuyendung {
    margin-top: 0px;
}
.st_tuyendung .row-tuyendung .col-4.tuyendung{
    text-align: left;
}
.khoangtrong-tuyendung.bottom {
    margin-bottom: 30px;
}
.st_chitiet-product .woocommerce-tabs ul li a {
    font-size: 10px;
}
}

/* CSS dihi */
:root{
    --color-xanh: #0babca;
    --color-do: #ed1b23;
}
/* ===== PORTFOLIO HIỆN ĐẠI ===== */
.portfolio-element-wrapper .portfolio-box {
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 8px 30px rgba(0,0,0,0.08);
    transition: all 0.35s ease;
}

/* Hover nổi box */
.portfolio-element-wrapper .portfolio-box:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 45px rgba(0,0,0,0.15);
}

/* Ảnh */
.portfolio-element-wrapper .box-image img {
    border-radius: 8px 8px 0 0;
    transition: transform 0.5s ease;
}

/* Zoom ảnh khi hover */
.portfolio-element-wrapper .portfolio-box:hover img {
    transform: scale(1.02);
}

/* Text box */
.portfolio-element-wrapper .box-text {
    padding: 18px 16px 20px;
    background: #fff;
}

/* Tiêu đề */
.portfolio-box-title {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    color: #222;
    text-transform: none;
    transition: color 0.3s ease;
}

/* Hover đổi màu title */
.portfolio-element-wrapper .portfolio-box:hover .portfolio-box-title {
    color: #c89b3c; /* đổi màu brand nếu cần */
}

/* Category ẩn mặc định */
.portfolio-box-category {
    margin-top: 6px;
}

.portfolio-box-category span {
    display: inline-block;
    font-size: 11px;
    letter-spacing: 0.5px;
    padding: 4px 10px;
    border-radius: 20px;
    background: #f5f5f5;
    color: #666;
    opacity: 0;
    transform: translateY(6px);
    transition: all 0.3s ease;
}

/* Hiện category khi hover */
.portfolio-element-wrapper .portfolio-box:hover
.portfolio-box-category span {
    opacity: 1;
    transform: translateY(0);
}

/* Mobile tối ưu */
@media (max-width: 549px) {
    .portfolio-box-title {
        font-size: 14px;
    }
}
.st_footer ul.sub-menu {
    display: none;
}