/*
Theme Name: BĐS
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.home #comments div.text-center{
	display:none;
}
.home .div-tieu-de-comment{
	display:none !important
}
#comments textarea#comment,.comment-form-author input, .comment-form-phone input{
	background:#F5F5F5 !important;
}
@font-face{font-family:__SVNgilroy_8e7b46;src:url(fonts/dde9fe2924decee7-s.p.ttf) format("truetype");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:__SVNgilroy_8e7b46;src:url(fonts/3044bbcc66db04ee-s.p.ttf) format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:__SVNgilroy_8e7b46;src:url(fonts/cf78faad174f3409-s.p.ttf) format("truetype");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:__SVNgilroy_8e7b46;src:url(fonts/e031acc1ac4799a4-s.p.ttf) format("truetype");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:__SVNgilroy_Fallback_8e7b46;src:local("Arial");ascent-override:76.62%;descent-override:23.94%;line-gap-override:0.00%;size-adjust:104.41%}
body{font-family:  "__SVNgilroy_8e7b46",  sans-serif !important}
.nav > li > a, .mobile-sidebar-levels-2 .nav > li > ul > li > a {font-family:  "__SVNgilroy_8e7b46", sans-serif !important;}
h1,h2,h3,h4,h5,h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family: "__SVNgilroy_8e7b46", sans-serif !important;}
.alt-font{font-family: "__SVNgilroy_8e7b46", sans-serif !important;}
h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2 {
    font-weight: 600 !important;
    font-style: normal;
}
h3#reply-title{
    display: none;
}
.comment-list {
    max-height: 600px; /* Điều chỉnh chiều cao tùy ý */
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px; /* Tránh content bị che bởi scrollbar */
}

.comment-list .comment-author{
    max-width: 40px;
}
.comment-form {
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
}
.comment .children li{
        border-left: 3px solid var(--primary-color);
    padding-left: 20px;
}
.comment-form-author input, .comment-form-phone input{
    box-shadow: unset;
border-radius: 5px;}
/* Bình luận full width */
.comment-form-comment {
    width: 100%;
    order: 1;
}
.comment-content p{
    margin-bottom: 5px;
}
.comment-notes {
    width: 100%;
    order: 0;
}

/* Tên và SĐT cùng hàng - mỗi cái 50% */
.comment-form-author,
.comment-form-phone {
    flex: 1;
    min-width: 200px;
    order: 2;
}

.comment-form-author input,
.comment-form-phone input {
    width: 100%;
    box-sizing: border-box;
}

/* Nút submit */
.form-submit {
    width: 100%;
    order: 3;
}

/* Mobile: xếp dọc */
@media (max-width: 768px) {
    .comment-form-author,
    .comment-form-phone {
        flex: 1 1 100%;
    }
}
#comments textarea#comment{
        border: 1px solid #ced4da;
    appearance: none;
    border-radius: .3rem;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    min-height: 61px;
    background-color: #fff;
}
p.comment-notes{
    display: none;
}
/* Timeline container */
.timeline-years {
    position: relative;
    padding: 20px 0;
}

/* Đường kẻ dọc */
.timeline-years::before {
    content: '';
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(to bottom, #5A5D61, #5A5D61);
}

/* Mỗi item năm */
.year-item {
    position: relative;
    padding: 22px 0 22px 50px;
    cursor: pointer;
    transition: all 0.3s ease;
}



/* Dot tròn */
.year-dot {
    position: absolute;
    left: 11px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: #fff;
    border: 3px solid #ccc;
    border-radius: 50%;
    transition: all 0.3s ease;
    z-index: 2;
}

.year-item.active .year-dot {
    background:  var(--primary-color);
    border-color: var(--primary-color);
    box-shadow: 0 0 0 4px rgba(0, 102, 204, 0.2);
    width: 24px;
    height: 24px;
    left: 9px;
}

/* Label năm */
.year-label {
    font-size: 18px;
    font-weight: 600;
    color: #666;
    transition: all 0.3s ease;
}

.year-item.active .year-label {
    color:  var(--primary-color);
    font-size: 20px;
    font-weight: 700;
}

.year-item:hover .year-label {
    color:  var(--primary-color);
}

/* Animation cho box */
.div-noi-dung .box {
    transition: all 0.4s ease;
}

/* Responsive */
@media (max-width: 768px) {
    .div-noi-dung .box .box-text-inner:before{
        left: 20px !important;
    }
    .div-noi-dung .box .box-text{
        padding-top: 80px !important;
    }
    .timeline-years::before {
        left: 15px;
    }
    .div-noi-dung .box{
        padding: 18px !important;
    }
    .year-item {
        padding-left: 40px;
    }
    
    .year-dot {
        left: 6px;
        width: 18px;
        height: 18px;
    }
    
    .year-item.active .year-dot {
        left: 4px;
    }
}
/* Mobile Slider */
@media (max-width: 849px) {
    .mfp-close-btn-in .mfp-close {
  
    top: -42px !important;
}
    .div-noi-dung {
        overflow: hidden;
        position: relative;
    }
    
    .dau-moc-slider {
        display: flex;
        transition: transform 0.4s ease-in-out;
    }
    
    .dau-moc-slider .box {
        min-width: 100%;
        flex-shrink: 0;
        display: block !important;
    }
    
    /* Navigation */
    .slider-nav {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15px;
        margin-top: 20px;
        padding: 0 20px;
    }
    
    .slider-prev,
    .slider-next {
        background: var(--primary-color);
        color: white;
        border: none;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        font-size: 20px;
        cursor: pointer;
        transition: all 0.3s ease;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
    }
    
    .slider-prev:active,
    .slider-next:active {
        transform: scale(0.95);
    }
    
    /* Dots */
    .slider-dots {
        display: flex;
        gap: 8px;
        align-items: center;
    }
    
    .dot {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #ccc;
        cursor: pointer;
        transition: all 0.3s ease;
    }
    
    .dot.active {
        background: var(--primary-color);
        width: 12px;
        height: 12px;
    }
}

/* Desktop: Giữ nguyên timeline */
@media (min-width: 850px) {
    .slider-nav {
        display: none;
    }
}
.div-noi-dung .box .box-text .num-year{
    font-size: 30px;
    font-weight: bold;
    position: relative;
}

.div-noi-dung .box .box-text-inner:before{
    content: "";
    position: absolute;
    left: 43px;
    top: 16px;
    transform: translateX(-50%);
    width: 57px;
    height: 56px;
    background-image: url(images/lich.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 5px;
}
.div-noi-dung .box .box-text h4{
    font-size: 23px;
    margin-top: 20px;
}
.div-noi-dung .box .box-image{
    background: #E5DFE0;
    padding: 20px;
    border-radius: 20px;
}
.div-noi-dung .box .box-text p.num-year:before{
    content: '';
    display: block;
    width: 65px;
    height: 3px;
    background-color: var(--primary-color);
    margin-bottom: 10px;
    position: absolute;
    bottom: -11px;
    left: 3px;
}
.div-noi-dung .box{
            border: 2px solid;
    border-image-source: linear-gradient(106.62deg, rgba(0, 0, 0, .04) 11.16%, hsla(0, 0%, 42%, .1) 87.05%);
    padding: 40px;
    background: #ffffff9c;
    border-radius: 20px;
}
.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before{
       height: 4px; 
}
.nav-line-bottom>li>a:before{
        bottom: -20px;
}
.icon-angle-right:before{
    content: "\f061" !important;
     font-family: 'Font Awesome 6 Pro' !important; 
}
.section-doi-tac .box{
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    border: 1px solid #EEEEEE;
}
.section-doi-tac .box:hover{
    border-color: var(--primary-color);
}
/* CSS */
.section-dich-vu .row-dich-vu {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.section-dich-vu .row-dich-vu .large-3 > .col-inner{
      background: rgba(0, 0, 0, .5);
    padding: 30px;
    min-height: 400px;
}
.section-dich-vu .row-dich-vu .large-3 .ux-menu-link__link {
      border-bottom: unset !important;
       display: flex;
    align-items: center;
    gap: 10px; /* Khoảng cách giữa icon và text */
}
.section-dich-vu .row-dich-vu .large-3 .ux-menu-link__link:before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url('images/arrow_list.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0; /* Không cho icon bị co lại */
}
#main .section-dich-vu .row-dich-vu .large-3{
    padding-right: 5px !important;
}.section-dich-vu .row-dich-vu .large-3:last-child{
    padding-right: 0px !important;
}
.section-dich-vu .row-dich-vu > .large-3 {
    position: relative;
    z-index: 1;
}
.ul-arrow ul{
    list-style: none;
}
.ul-arrow ul li{
    margin-left: 0px;
}
.ul-arrow ul li:before{
    color: #A6A6A7;
       content: "\f061" !important;
       padding-right: 10px;
     font-family: 'Font Awesome 6 Pro' !important; 
}
#post-list .box .box-text a.button{
     color: var(--primary-color);
    float: right;
    font-weight: 600;
    padding-top: 14px;
    font-size: 16px;
}
#post-list .box-text-inner {
    border-left: 1px solid #44494D;
    padding-left: 20px;
}
#post-list .box .box-text{
       padding-left: 105px;
    min-height: 215px;
}
#post-list .badge.post-date .badge-inner{
border: unset;
    background: white;
    color: #44494D;
font-size: 33px;
}
#post-list .badge.post-date{
        top: unset;
    bottom: 74px;
    left: 34px;
}
#post-list .badge.post-date::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 57px;
    height: 56px;
    background-image: url(images/lich.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 5px;
}
/* Ẩn các ảnh img */
.section-dich-vu .row-dich-vu .large-3 .img {
    display: none !important;
}

/* Hiệu ứng hover cho item */
.section-dich-vu .row-dich-vu .large-3 {
    transition: all 0.3s ease;
    cursor: pointer;
}
a.button.primary{
    font-weight: 600;
} 
.div-border .box,.div-border .box-image{
    border-radius: 10px;
}
.row-dich-vu-chung-toi  .box a.button{
    position: absolute;
    right: 10px;
    top: -28px;
    border-radius: 99px;
}
.row-dich-vu-chung-toi .box{
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
}
.row-dich-vu-chung-toi .box .box-text h3{
    text-transform: uppercase;
    font-weight: bold;
    font-size:22px;
}
.row-dich-vu-chung-toi .box .box-text{
    padding: 30px;
    min-height: 120px;
}

.row-dich-vu-chung-toi .flickity-prev-next-button{
    opacity: 1;
}
.row-form h3{
color:  var(--primary-color);
}
.row-form input[type=email], .row-form input[type=number], .row-form input[type=search], .row-form input[type=tel],.row-form input[type=text],.row-form input[type=url]{
background: #F5F5F5;
min-height: 50px;
box-shadow: unset;
border: unset;
}
.row-form select{
        background-color: #F5F5F5;
    border: unset;
    min-height: 50px;
    box-shadow: unset;
}
.row-form textarea{
 background: #F5F5F5;
   box-shadow: unset;
border: unset; 
}
.row-form .wpcf7-submit{
    margin-right: 0px;
    border-radius: 99px;
    padding: 2px 20px;
    min-width: 170px;
    font-size: 20px;
    margin-bottom: 0px;
}
.row-form .col{
    padding-bottom: 6px;
}
.mfp-close-btn-in .mfp-close {

    mix-blend-mode: unset;
}
.section-dich-vu .row-dich-vu .large-3:hover .icon-box img{
    transform: scale(1.4);
}

.section-dich-vu .row-dich-vu .large-3 .icon-box img{
        transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
}


.active>ul.children, .active>ul.sub-menu:not(.nav-dropdown){
    display: unset !;
}
.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{text-transform:none !important; font-weight:500}



.nav-dropdown-default>li>a{border-bottom:0 !important}.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 .nav-dropdown-col>ul li a{padding:10px;  text-transform: none;color:black}
.header-nav li.nav-dropdown-col:hover >ul{display:block !important}





.section-icon {
    border-bottom: 1px solid #D9D9D9;
}
.row-ve-chung-toi .flickity-prev-next-button{
    opacity: 1 !important;
}
.styles_aboutItemHeader__S0rxE {
    margin-bottom: 1.5rem;
    margin-top: 1.25rem;
    display: flex;
    align-items: flex-end;
        margin-left: 30px;
}
.styles_aboutItemHeader__S0rxE>div {
    margin-right: .75rem;
    display: inline;
    font-weight: 600;
    color: #EE0033;
    font-size: 64px;
    line-height: 68px;
}
.styles_aboutFloatText__KtcpO p {
    position: absolute;
    top: -1.5rem;
    left: -2.5rem;
    color: transparent;
    font-size: 110px;
    -webkit-text-stroke: 1px rgba(68,73,77,.2);
    line-height: 110px;
}
.styles_aboutItemHeader__S0rxE>p {
    margin-right: .75rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: inline;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    color: #EE0033;
        margin-bottom: 0px;

}
.title-home {
        font-size: 37px;
  text-align: center;
  position: relative;
  padding-bottom: 15px; /* Khoảng cách từ chữ đến gạch */
}

.title-home::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 120px;
  height: 3px;
  background-color: red;
}
.title-home-left {
          font-size: 37px !important;
    text-align: left !important;
    position: relative;
    padding-bottom: 15px !important;
    line-height: 46px !important;
}

.title-home-left::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0%;
  transform: translateX(0%);
  width: 120px;
  height: 3px;
  background-color: red;
}
.style_gradientBox__hJ0Rm {
    min-height: 56px;
}
.style_gradientBox__hJ0Rm {
    height: 3.5rem;
    width: 3.5rem;
    background-image: linear-gradient(94.06deg, #e03 -1.21%, #ff6d8d 58.66%, #fff5f7 116.84%);
}
.style_procedureTxt__22Vpr {
    font-weight: 600;
    color: #44494D;
    font-size: 25px;
}
.style_procedureWp__fqgG_ img.absolute{
          
                gap: 2.5rem;
                    top: 0;
              bottom: 0;          right: 0;

    left: 0;
}
.style_procedureWp__fqgG_ div.absolute{
            padding: 3rem;
                gap: 2.5rem;
                    top: 0;
              bottom: 0;          right: 0;

    left: 0;
        flex-direction: column;
}
.style_procedureWp__fqgG_ div.absolute p{
    margin-bottom: 0px;
}
.div-light .style_indexActive__JIzSA {
    background: white !important;
    color:   var(--primary-color) !important;
}
.style_indexActive__JIzSA, .style_index__tCkzZ {
       line-height: 80px;
    font-size: 36px;
    font-weight: 600;
    position: absolute;
    background: #44494D;
    top: -2rem;
    left: -2rem;
    height: 5rem;
    width: 5rem;
    border-radius: 9999px;
color: white;
    text-align: center;

    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
 
}
.row-quy-trinh .large-4{
    margin-bottom: 40px;
}
.style_procedureWp__fqgG_ {
    position: relative;
    padding-top: 58%;
}
.row-su-menh{
        background: white;
    z-index: 33;
padding: 30px;
    position: relative;
    margin-top: -200px;
    box-shadow: 0px 5px 20px rgba(0,0,0,.1);

}
.form-row .fl-is-active input, .form-row .fl-is-active textarea {
    padding-bottom: .5em;
    padding-top: .5em;
}
.woocommerce-billing-fields__field-wrapper input, .woocommerce-billing-fields__field-wrapper .select2-selection, .woocommerce-additional-fields__field-wrapper textarea{border-radius:5px;box-shadow:none; font-size:15px}
#billing_address_1_field {
    width: 100%;
}
.fl-labels .form-row input:not([type=checkbox]), .fl-labels .form-row textarea, .fl-labels .form-row select {
    box-shadow: 0 0 0 1px #d9d9d9;
    transition: all 0.2s ease-out;
    background-color: white;
    color: #333333;
    border-radius: 4px;
    display: block;
    box-sizing: border-box;
    width: 100%;
    /* padding: 0.94em 2.8em 0.94em 0.8em; */
    word-break: normal;
    border: none;
    font-size: 15px;
}
.fl-label {
    display: none;
}
.fl-labels span.select2-selection {
    box-shadow: 0 0 0 1px #d9d9d9;
    transition: all 0.2s ease-out;
    background-color: white;
    color: #333333;
    border-radius: 4px;
    display: block;
    box-sizing: border-box;
    width: 100%;
    /* padding: 0.94em 2.8em 0.94em 0.8em; */
    word-break: normal;
    border: none;
    font-size: 15px;
    height: 45px;
}
.fl-labels span.select2-selection .select2-selection__rendered {
    line-height: 47px !important;
}

#billing_address_2_field {
    width: 31% !important;
    margin-right: 0px !important;
}
  
    
    .bds-title h3 {
     
        font-size: 16px;
        font-weight: 600;
        margin: 0;
    }
    
    .bds-info-list {
        padding: 0;
    }
    
    .bds-info-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 12px 0px;
        border-bottom: 1px solid #f0f0f0;
    }
    
    .bds-info-item:last-child {
        border-bottom: none;
    }
    
    .bds-label {
        font-size: 15px;
        color: #666;
        font-weight: 500;
    }
    
    .bds-value {
           font-size: 14px;
    color: #4B5563;
        text-align: right;
    }
    
    @media (max-width: 768px) {
        .bds-info-item {
            padding: 12px 15px;
        }
        
        .bds-label,
        .bds-value {
            font-size: 14px;
        }
    }
.section-tim-kiem .search-form-categories{
    position: absolute;
    right: 99px;
    border-radius: 5px;
}
.section-tim-kiem .search-form-categories select{
        width: 95px;
    border-radius: 5px;
}
.section-tim-kiem .submit-div{
        position: absolute;
    right: 6px;
}
#main .section-tim-kiem .ux-search-submit {
        text-transform: inherit;
    font-weight: normal;
    border-radius: 5px !important;
}
.flex-col.flex-grow .search-input-wrapper {
    position: relative;
    width: 100%;
}

.flex-col.flex-grow .search-icon {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    font-size: 16px;
    pointer-events: none;
    z-index: 1;
}

.flex-col.flex-grow .search-field {

    width: 100%;
    height: 49px;
    box-shadow: unset;
    border-radius: 5px;
}
h1.product-title{
    font-size: 20px;
}
.product-small .hinh{
        position: absolute;
    right: 8px;
    z-index: 333;
    color: white;
    bottom: 2px;
}
.section-tim-kiem li.tab{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
background: #EFF0F2;
    padding: 0px 10px;
 
}
.section-tim-kiem  .tab-panels{
    background: #EFF0F2;
    padding: 10PX;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.section-tim-kiem li.tab a{
       text-transform: initial;
}
.post-sidebar .post-title a{
font-size: 18px !important;
}
.post-sidebar .box-text{
    background: #F5F5F5;
    padding: 20px;
}
.div-tin-phai .post-item .post-title a{
    font-size: 18px;
}
@keyframes style_tracking-in-expand__WLo3p{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}to{opacity:1}}.style_tracking-in-expand__WLo3p{animation:style_tracking-in-expand__WLo3p 1.5s cubic-bezier(.215,.61,.355,1) both}@keyframes style_typing__9pABA{0%{width:20px}30%{width:100%}to{width:100%}}@keyframes style_textclip__sDXu_{to{background-position:200%}}
   .uxb-draggable .row-dich-vu h3, .uxb-draggable .row-dich-vu a{
    color: black !important;
   }
.rank-math-breadcrumb p{
    margin-bottom: 0px;
}
   .row-text-su-menh p{
    margin-bottom: 0px;
        text-align: center;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    color: #44494D;
    background-image: linear-gradient(-225deg, #231557, #44107a 29%, #ff1361 67%, #fff800);
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: style_textclip__sDXu_ 2s linear infinite;
    display: inline-block;
   }
.row-dich-vu h3,.row-dich-vu a{
    color: white !important;
}
.box-icon-su-menh .icon-box-text h3{
    color:  var(--primary-color);
    font-size: 28px;
    margin-bottom: 0px;
}
.box-icon-su-menh .icon-box-text p{
    margin-bottom: 0px;
    font-weight: bold;
    font-size: 18px;
}
.box-gioi-thieu h4{
    display: block;
    padding: 6px;
    background: var(--primary-color);
    font-size: 20px;
    width: max-content;
    padding-right: 29px;
    border-top-right-radius: 99px;
    border-bottom-right-radius: 99px;
}
.post-item .post-title a{

       font-weight: 700;
    color: #44494D;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 23px;
}
.post-item .from_the_blog_excerpt {
        font-weight: normal;
    color: #333333;

 
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.section-tin-tuc .post-item a.button{
    text-transform: inherit;
    font-weight: 600;
    font-size: 15px;
        margin-top: 0px;
        color: var(--primary-color);
}
.section-tin-tuc .div-tin-phai .box-text{
    padding-bottom: 10px;
}
.div-tin-trai  .post-item .from_the_blog_excerpt{
        -webkit-line-clamp: 3;
}
.post-item a.button{
   text-transform: initial;
}
.post-item a.button:after{
 font-family: fl-icons !important;
    content: '\f105';

    margin-top: 2px;
    position: absolute;
    margin-left: 6px;
}

.div-tin-trai .from_the_blog_excerpt {
    font-size: 17px;
    /* padding-top: 20px; */
    margin-top: 20px;
    margin-bottom: 30px;
}
.div-tin-trai .post-title a{

font-size: 26px;
font-weight: 600;
}
.section-icon p{
    font-weight: 600;
}
.section-icon .icon-box{
    align-items: center;
}
.wc-tabs li a:before{
    display: none;
}
.wc-tabs li a{
    text-transform: initial;

}
.related{
        background: white;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 1px 4px 0px #0000000d;
}
.product-section{
    border-top: unset;
}
.product-thumbnails .is-nav-selected a, .product-thumbnails a:hover{
    border: transparent !important;
        transform: unset !important;
}
.product-thumbnails .is-nav-selected a img, .product-thumbnails a:hover img{
    transform: unset;
}
.product-thumbnails img{
    margin-bottom: 0px !important;
}
.div-anh-sp .product-thumbnails img{
        min-height: 68px;
    border: 1px solid #E5E7EB;
    padding: 2px;
    opacity: 1;
}
.google-maps-wrapper iframe{
    height: 200px;
}
.div-lien-he img{
    padding-top: 0px !important;
}
.div-lien-he .single_add_to_cart_button{
    display: block;
    width: 100%;
    border-radius: 5px;
    text-transform: inherit;
    font-weight: normal;
}
.div-lien-he .icon-box{
        border: 1px solid #E0E0E0;
    padding: 7px;
    border-radius: 7px;
    margin-bottom: 10px;
}
.div-lien-he .col-inner{
        background: white;
    padding: 12px 15px;
    border-radius: 5px;
    box-shadow: 0px 1px 4px 0px #0000000d;
}

.nut-mua-ngay-wrapper {
        margin: 10px 0;
    }
    
    .nut-mua-ngay {
     display: inline-flex;
    align-items: center;
    gap: 5px;
    background: #E74C3C;
    color: #fff !important;
    font-size: 16px;
    font-weight: normal;
    padding: 8px 30px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s;
    /* box-shadow: 0 4px 15px rgba(231, 76, 60, 0.4); */
    width: 100%;
    justify-content: center;
    text-transform: inherit;
    letter-spacing: 0.5px;
    text-decoration: none;
    }
    
    .nut-mua-ngay:hover {
  
        box-shadow: 0 6px 20px rgba(231, 76, 60, 0.6);

        color: #fff !important;
    }
    
    .nut-mua-ngay i {
        font-size: 18px;
    }
    
    @media (max-width: 768px) {
        .nut-mua-ngay {
            font-size: 15px;
            padding: 12px 25px;
        }
    }
.google-maps-wrapper{
       background: white;
    padding: 12px 15px;
    border-radius: 5px;
    box-shadow: 0px 1px 4px 0px #0000000d;
}
.div-border-white > .col-inner{
        background: white;
    padding: 12px 15px;
    border-radius: 5px;
    box-shadow: 0px 1px 4px 0px #0000000d;
}
.div-border-white .rank-math-breadcrumb{
    display: none;
}
.div-border-white{
    padding-bottom: 10px;
}
.dia-dia-chi .area-value{
    color: #9DA4B0;
    font-size: 14px;
}
.product-small .product-area-inline{
   font-size: 16px;
   font-weight: bold;
}
.product-area-inline{
      color: #E01B49;
      font-size: 20px;
    padding-left: 20px;
    position: relative;
}
.product-area-inline i{
       left: 8px;
        color: #9CA3AF;
    font-size: 5px;
    margin-top: 9px;
    position: absolute;
}
.product-page-price span.amount{
    color: #E01B49;
    font-size: 20px;
    font-weight: normal;
}
.widget>ul>li+li, ul.menu>li+li{
    border-top: unset;
}
#shop-sidebar aside ul{
    max-height: 230px;
        overflow: auto;
}
#shop-sidebar aside ul li a{
    font-size: 15px;
}
#shop-sidebar aside{
    padding: 20px;
    box-shadow: 0px 1px 4px 0px #0000000d;
    background: white;
    border-radius: 10px;
}
#shop-sidebar aside span.widget-title{
    font-size: 16px;
}
aside .is-divider{
    display: none;
}
.title-big {
    font-size: 50px;
    color:  var(--primary-color);
}
.anh-border  img{
    border-radius: 10px;
}.icon-box:hover .has-icon-bg .icon .icon-inner {
    background-color: transparent;
}
.div-form-ky-gui > .col-inner{
    background: #FFFFFF;
    padding: 30px;
    border-radius: 20px;
}
.div-form-ky-gui h3{
    font-size: 30px;
    color:  var(--primary-color);
}
.div-form-ky-gui .wpcf7-submit{
    border-radius: 10px;
}
.div-form-ky-gui input[type=email],.div-form-ky-gui input[type=number],.div-form-ky-gui input[type=search],.div-form-ky-gui input[type=tel],.div-form-ky-gui input[type=text],.div-form-ky-gui input[type=url]{
    box-shadow: unset;
    min-height: 45px;
    background: #F5F5F5;
        border-radius: 10px;
        margin-bottom: 3px;
}
.div-form-ky-gui textarea{
      background: #F5F5F5;
        box-shadow: unset;
        border-radius: 10px;
}
.div-ky-gui h3{
    font-size: 33px;
}
.div-ky-gui{
        margin-top: -30px;
}
.div-ky-gui > .col-inner{
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.accordion-quy-trinh .toggle{
    left: unset;
    right: 0px !important;
}
.accordion-quy-trinh .accordion-item{
    margin-bottom: 15px;
    border-radius: 30px 30px 30px 30px;
    overflow: hidden;
    border: 2px solid #c9d4da;
 
}
.accordion-quy-trinh .accordion-inner{
    padding: 0px 15px;
}
.accordion-quy-trinh .accordion-title.active{
color: #000000;
}
.accordion-quy-trinh .accordion-title{
    padding-left: 20px;
    font-weight: bold;
    border: unset;
    background: transparent !important;
}
.woocommerce-form-coupon-toggle{
    display: none;
}
.header-page{
    margin-bottom: 30px;
}
.woocommerce-cart-form .product-quantity{
display: none;
}
.woocommerce-cart .cart-sidebar,.woocommerce-cart .woocommerce-cart-form{
         background: white;
    padding: 12px 15px;
    border-radius: 5px;
    box-shadow: 0px 1px 4px 0px #0000000d;
    border: unset;
}
#billing_address_1_field{
    width: 100%;
        margin-bottom: 0px;
}
.woocommerce-billing-fields{
    padding-top: 0px;
    border-top: unset;
}
.woocommerce-checkout .large-5 .has-border{
        background: white;
    padding: 12px 15px;
    border-radius: 5px;
    box-shadow: 0px 1px 4px 0px #0000000d;
    border: unset;
}
.ux-quantity {
	display: none;
}
.nav > li > a { font-size: 16px;
}.nav-spacing-xlarge>li {
    margin: 0 19px;
}
.nav-dropdown li a{
        font-size: 16px !important;
    color: #1A1818 !important;
    font-weight: 500 !important;
}
.nav-dropdown-simple .nav-column li>a:hover, .nav-dropdown.nav-dropdown-simple>li>a:hover{
    color:      var(--primary-color)  !important;
}
.top-bar-nav li.account-item a{    font-weight: bold;
    font-size: 14px;}
.home .woocommerce-Price-currencySymbol, .archive .woocommerce-Price-currencySymbol, .related .product-small .woocommerce-Price-currencySymbol{display:none}
.related .product-small.box .box-text{padding:10px}
.product-small.box .box-thong-tin{    display: inline-block;
    width: 100%;
    clear: both;}
     .product-small.box{
     	border-radius: 8px;
     }
    .product-small.box:hover{
    	box-shadow: rgba(99, 99, 99, .2) 0px 2px 8px 0px;
    }
.product-small.box .box-image{
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
     .product-small.box .box-text{
     	border-bottom-left-radius: 8px;
     	border-bottom-right-radius: 8px;
     }
.product-small.box .box-thong-tin .cot{width:33.33%; display:inline-block;float:left}
.product-small.box .box-thong-tin .dien-tich{color:#693A2B;font-size:13px;text-align:center
}
.product-small.box .dia-chi{color: #333333;
    font-size: 14px;}
.fa{margin-right:5px}
button.ux-relay__button{
background: white !important;
    color: #006BF0;
    border-color: #006BF0;
    border-radius: 5px;
    text-transform: inherit;
    font-weight: normal;
    min-width: 213px;
}
button.ux-relay__button.loading{
	   color: #006BF0;
}
button.ux-relay__button:hover{
	box-shadow: unset;
	    color: #006BF0;
    border-color: #006BF0;
		background: #EFF3FC !important;
}
.product-small.box .box-text{padding: 15px;background: white;}
.product-small.box .box-thong-tin .gia-m2{text-align: right;font-size: 13px;
    color: #E21948;}
.product-small.box .product-title a{font-size: 15px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 10px;    height: 44px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.product-small.box .price bdi{font-weight: 700;
    font-size: 16px;
    color: #E21948;}
.product-small.box .product-title a:hover{color:#026BEE
}.product-small.box .product-title{margin-top:0px;margin-bottom:10px}
.awl-inner-text{font-size:11px;text-transform:uppercase;}

.out-of-stock-label{display:none}.advanced-woo-labels{left: 8px !important;
    top: -33px !important;}
.nut-xem-them{letter-spacing:0}
.section1 .large-12{padding-bottom:0}
.section1 h2, .section2 h2, .section3 h2, .section4 h2, .section5 h2, .section6 h2{margin-bottom: 20px;color:#693A2B; font-size:30px}.nav-dropdown>li>a, .nav-column>li>a {border-bottom: none;
    font-size: 16px;
}.box-blog-post .is-divider{display:none}
.section6 .tabbed-content ul li a{    font-size: 14px;
    background: #E0E0E0;
    padding: 0 20px;
    border-radius: 20px;
		color: #333333;}.section6 .tabbed-content ul li{margin:0 5px}
.section6 .tabbed-content ul li.active a{background:#693A2B; color:white}
.section4 .box .box-text{text-shadow:none; padding:8px;}.section4 .box .box-text p{font-weight:bold}
.section5 .icon-box h3{font-size:25px;color:black}.section5 .icon-box .icon-box-text{font-size:16px}
.section5 .icon-box {padding:30px 50px;background:white}
.product-category.col h5{text-transform: none;
    font-size: 32px;
		font-weight: 800;}.product-category.col .box-text{text-shadow:none}
.product-category.col .count{display: inline-block;
    background: #693A2B;
    padding: 5px 20px;
    border-radius: 18px;
    font-size: 14px;
    text-transform: none;
    letter-spacing: 0;opacity: 1;max-height: 30px;    transform: scale(1) translateZ(0) translateY(0) !important;
    pointer-events: inherit;filter: blur(0);
}

.div-tin-tuc .box .box-image{
 


}


.section-footer-email .icon-box{
    align-items: center;
}
.section-footer-email .icon-box h3{
    font-size: 24px;
}

.form-tu-van .wpcf7-submit{
        margin-right: 0px;
    /* float: right; */
    min-height: 48px;
    background: #44494D;
    border-top-right-radius: 99px;
    border-bottom-right-radius: 99px;
}
.form-tu-van .wpcf7-email,.form-tu-van .wpcf7-text{
        width: calc(100% - 124px);
    float: left;
    box-shadow: unset;
    min-height: 47px;
    border-top-left-radius: 99px;
    border-bottom-left-radius: 99px;
}
.wpcf7-spinner{
    display: none;
}

.section4 .col{padding-bottom:0}
.section1{z-index:0; padding-bottom:15px !important}
.section5 h4{margin-top:10px; text-align: center;
    font-size: 40px;
    color: #E21948;
    font-weight: 800;
    margin-bottom: 0;
    line-height: 1;}
.section5 .large-3 p{font-weight:bold; margin-bottom:0}
.section6 .tabbed-content .nav{margin-bottom:8px}

.section6 .large-12{padding-bottom:0}
.section7 h2{font-size:30px; margin-bottom:25px}
.section7 .icon-box{min-height:380px; background: white;
    padding: 30px;}
.section7 .icon-box .testimonial-text p{color: black;
    font-size: 14px;
    font-style: initial;}
.section7 .large-12{padding-bottom:0}

.star-rating span:before{color: #ffc107;}
.section7 .testimonial-meta{color:black}
.section5 .large-12{padding-bottom:0}
.list-post .post-item .post-title{ margin-bottom:10px}
.absolute-footer {
    color: rgb(255 255 255) !important;
    padding: 20px;
    font-size: 15px;
}
a.back-to-top{background: #ff9800 !important;
    color: rgb(255 255 255 / 74%) !important;
    border: none !important;
    width: 50px;
    height: 50px;
    line-height: 48px !important;
    font-size: 20px;}
.footer1 .icon-box h3{font-size:18px}
.footer1 .row1 .icon-box p{margin-bottom:0;color:#828282
}
.tin-tuc-2 h3{color: #693A2B;font-size:30px}
.list-post2 .post-item .post-title{font-size:25px; margin-bottom:12px}
.list-post2 .post-item .from_the_blog_excerpt {font-size:16px}
.list-post3 .post-item .post-title{font-size:18px}
.list-post3 .post-item .box-text{padding-right:0;padding-left:15px;}.list-post3 .post-item{padding-bottom:20px !important}.section-title-normal span {
    border-bottom: 0;
    margin-bottom: 0;
    text-transform: none;
    font-size: 30px;
    color: #693A2B;
}
.tin-tuc-2 .col{padding-bottom:0}
.section-title a {
     font-size: 16px;
    font-style: italic;
}.section-title-normal {
    border-bottom: 0;
}.section-title-container {
    margin-bottom: 5px;
}.list-post2 .post-item .post-title:hover,.list-post3 .post-item .post-title:hover, .list-post .post-item .post-title:hover, .blog-archive .post-item .post-title:hover{color:#ff9800}.blog-archive{
    padding-top: 0;
    padding-bottom: 0;
}
.blog-archive .banner .text-box{width:100% !important}
.blog-archive h1{text-transform: none;
    letter-spacing: 0;
    font-size: 40px;
    padding-left: 15px;}
.blog-archive .post-item .box{
 box-shadow: 0px 5px 20px rgba(0,0,0,.1);
    background: white;
}
.blog-archive .post-item .box .box-image{
    border-radius: 0px;
}
.blog-archive .post-item .box-text{padding:10px}
.blog-archive .post-item .post-title{ 
    font-size: 20px;
    margin-bottom: 10px;}
.blog-archive .post-item .from_the_blog_excerpt {font-size:16px}
.blog-archive .post-item{    padding: 0 20px 35px;}
.blog-archive .large-columns-4{margin-left:-8px !important; margin-right:-8px !important}

#footer .widget_nav_menu{
    padding-left: 0px;
    padding-right: 0px;
}
.blog-single .large-4{border-left:none !important}

.tu-van-sidebar .col-inner{box-shadow: 0px 2px 20px rgb(105 58 43 / 20%);border: 1px solid #693A2B;padding:20px}
.tu-van-sidebar .col-inner .col-inner{border:none; padding:0}
.tu-van-sidebar h3{font-size: 27px;
    color: #693A2B;}
.tu-van-sidebar .form-tu-van{margin-left:0;margin-right:0}
.tu-van-sidebar .row2{width: 35% !important;
    margin: 0 auto !important;}
.rank-math-breadcrumb p{margin-bottom: 10px;
    font-size: 15px;
    text-transform: none;
    letter-spacing: 0;
    font-weight: normal;}
.product-info .product-title{color: #693A2B;
    font-size: 30px;}
.product-info .dia-chi{font-size: 16px;
    color: #333333;}
.product-footer .woocommerce-tabs {
    padding: 0;
    border-top: 0;
}.single-product .tab-panels {
    padding-top: 0;
}
.thong-tin-bds ul li{display: inline-block;
    width: 25%;
    float: left;
    list-style: none;
    margin-left: 0;
    border-bottom: 1px solid #e3e3e3;
    font-size: 16px;
    font-weight: bold;
    padding: 8px 0;
    margin-bottom: 0;
    line-height: 23px;}
.single-product iframe{width:100%}
ul.product_list_widget li img{border-radius:99%}
.woocommerce.widget_products .amount bdi{color:#ff9800}
.related h3{text-transform:none;letter-spacing:0;font-size:27px
}
.thong-tin-bds .product-summary .woocommerce-Price-currencySymbol{font-size:16px}
.thong-tin-bds ul{margin-bottom: 0;
    display: inline-block;
    margin-top: 15px;}
.thong-tin-bds ul li.value, .thong-tin-bds ul li.value bdi{color:#E21948
}
.blog-single .is-divider{display:none}
.blog-single .entry-meta{text-transform: none;
    letter-spacing: 0;
    font-size: 14px;}.xem-them .tieu-de-xem-them {
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
    font-size: 22px;
    color: black;
}
.xem-them ul li {
    margin-bottom: 3px;
}
.xem-them ul li a {
   font-weight: 700;
    font-size: 17px;
    color: #693a2b;
}
.blog-single .blog-share{text-align:left}
.xem-them ul li a:hover {
    text-decoration: underline;
}
.blog-single .entry-meta {
    text-transform: none;
    font-size: 14px;
    letter-spacing: 0;
    color: gray;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding: 10px;
    background: #f9f9f9;
}
.danh-muc {
    margin-bottom: 15px;
}
.danh-muc span.title, .the-tim-kiem span.title {
    border-radius: 4px;
    background: #693a2b;
    padding: 4px 10px;
    color: white;
    margin-right: 5px;
}
.danh-muc a, .the-tim-kiem a {line-height:32px;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 4px 10px;
    background: #dedede;
    color: #464646;
}
.danh-muc a:hover, .the-tim-kiem a:hover {
    background: #ff9800;
    color: white;
}
.bai-viet-lien-quan {
    margin-top: 15px;
}
.bai-viet-lien-quan h3 {
    font-size: 22px;
    color: black;
}
.bai-viet-lien-quan ul {
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
}
.bai-viet-lien-quan ul li {
    list-style: none;
    width:33.33%;
    color: graytext;
    float: left;
    padding-left: 4px;
    padding-right: 5px;
}
.bai-viet-lien-quan ul li .box-image img {
    height: 180px;
    object-fit: cover;
    object-position: center;
}
.bai-viet-lien-quan h4 {
       font-size: 16px;
    color: black;
    line-height: 24px;
    padding-top: 7px;
    height: 53px;
    overflow: hidden;
}#comments .comment-respond {
        margin-bottom: 20px;
margin-top: 0;
    padding: 25px;
    background: white;
 box-shadow: 0px 2px 20px rgba(105, 58, 43, 0.2);}
.comment-form-comment textarea{box-shadow:none;background: #f9f9f9;border-radius:5px;border:none}#commentform input[type=submit]{    text-transform: none;
    letter-spacing: 0;
    font-weight: normal;
    margin: 0;border-radius:20px}
form{margin-bottom:0}
.blog-archive .rank-math-breadcrumb{margin-bottom:20px}
.blog-single .entry-header .entry-meta{border-top:none; border-bottom:none; padding:0}

.tu-van-sidebar .row2 .col{padding:0}
.blog-single .large-8{padding-right:10px}
.tu-van-sidebar .col-inner .col-inner{box-shadow:none !important}
.gioi-thieu1 .large-3 h3{font-size:25px;}
.gioi-thieu1 .icon-box h3{font-size:18px}
}.gioi-thieu1 .icon-box{margin-bottom:60px}
.gioi-thieu1 .large-9 p{font-size:18px}span.widget-title {
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    font-size: 35px;
    margin-bottom: 20px;
    display: block;
   
}.slider-style-container .flickity-slider>*, .slider-style-shadow .flickity-slider>*, .slider-style-focus .flickity-slider>* {
    max-width: 600px;
    max-height: 369px;
}

.product-thumbs-panetory{display: inline-block;
    width: 100%;
    clear: both;
    max-height: 400px;
    overflow: hidden;background: #400202;}.product-thumbs-panetory a:first-child{width:50%; display:inline-block; float:left;}
.product-thumbs-panetory a img{width:100%}
.product-thumbs-panetory a:nth-child(2){width:25%;float:left;display:inline-block}
.product-thumbs-panetory a:nth-child(3){width:25%;float:left;display:inline-block}
.product-thumbs-panetory a:nth-child(4){width:25%;float:left;display:inline-block}
.product-thumbs-panetory a:nth-child(5){width:25%;float:left;display:inline-block}
.single-product .large-8{flex-basis:70%; max-width:70%; padding-right:0; padding-top:30px
}
/* Style cho diện tích */
.product-small .price-wrapper{
	display: flex;
}
.product-small .title-wrapper{
	padding-top: 10px;
}
.product-area {
	    position: relative;
color: #E21948;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    margin-left: 10px;
    padding-left: 10px;

}
.product-area:before{
    content: "\f111";
        left: 0px;
    font-weight: 900;
    font-family: 'Font Awesome 6 Pro';
    color: #9FA4B1;
    font-size: 5px;
    padding-right: 6px;
    /* margin-top: -1px; */
    position: absolute;
    margin-top: 6px;
}

.product-area .area-label {
    font-weight: 500;
}

.product-area .area-value {
    color: #E21948;
    font-weight: 600;
    font-size: 16px;
}

/* Responsive */
@media (max-width: 549px) {
    .product-area {
        font-size: 12px;
    }
}
.archive .advanced-woo-labels {
    left: 15px !important;
    top: auto !important;
    bottom: 20px !important;
}



.thong-tin-du-an{background: #F2F2F2;
    margin-top: 30px;
		padding: 20px;}.thong-tin-du-an .row-info{ line-height: 26px;
    border-bottom: 1px solid #c9c9c9;
    padding-bottom: 8px;display:inline-block; width:100%; clear:both}
.thong-tin-du-an .row-info .left{display:inline-block; width:20%; float:left;font-weight:bold}
.thong-tin-du-an .row-info .right{display: inline-block;
    width: 80%;float:left
}.thong-tin-du-an .row-info .right p,.thong-tin-du-an .row-info .right ul{margin-bottom:0}.thong-tin-du-an .row-info .right ul li{margin-bottom:3px; margin-left:20px}
.single-product .advanced-woo-labels {
    left: 8px !important;
    top: 9px !important;
}
.woof_reset_button_2{
    display: none;
}
.div-bo-loc .span-loc{
        margin-right: 10px;
        padding-top: 8px;
}
.woof_products_top_panel{
         padding: 12px;

    box-shadow: 0px 1px 4px 0px #0000000d;
    background: white;
    border-radius: 10px;
}
.div-bo-loc{

        padding: 12px;
        padding-bottom: 0px;
    box-shadow: 0px 1px 4px 0px #0000000d;
    background: white;
    border-radius: 10px;
        display: flex;
        margin-bottom: 5px;
}
.woof_container{
    margin-bottom: 4px !important;
}
.woof_container {
    flex: 0 0 auto;
}
.woof_container .chosen-single {
    white-space: nowrap;
    padding-right: 30px;
}
.chosen-single{
        border-color: #DEDEDE !important;
    border-radius: 5px !important;
    min-height: 40px;
    line-height: 40px !important;
    vertical-align: middle;
    height: 39px !important;
    padding-top: 6px !important;
}
.chosen-container-single .chosen-single div {
    position: absolute;
    top: 5px;
    right: 0;
    display: block;
    width: 18px;
    height: 100%;
}
/* Container cha thành flexbox */
.woof_redraw_zone {
    display: flex;
    flex-wrap: nowrap;
    gap: 15px;
    align-items: flex-start;
}



/* Chosen dropdown theo nội dung */
.woof_container .chosen-container {
    width: max-content !important;
    min-width: 200px; /* Đặt min-width để không quá nhỏ */
}
.woof_submit_search_form_container{
        margin-top: 4px;
}

/* Hoặc cụ thể hơn */
.woof_container .chosen-single {
    white-space: nowrap;
    padding-right: 30px; /* Chừa chỗ cho mũi tên */
}
.woof_submit_search_form_container button{border-radius: 20px;
    text-transform: none;
    letter-spacing: 0;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    line-height: 0;padding:14px;
    min-height: 32px;
		margin-left:5px}.woof_show_text_search_container{padding:6px}
        .chosen-container-single .chosen-drop{border-radius:0;box-shadow:none;z-index:9999999}
.woof_reset_search_form{margin-left:0;font-size:13px}


.related .product-small.box .box-text .advanced-woo-labels{display:none !important}
.bo-loc-section .bo-loc{display: block;
    padding: 0;
    border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    background: white;}
    @media(max-width: 855px){
ol ol, ol ul, ul ol, ul ul {
    margin: 10px 24px;
}
        .button.is-larger{
            font-size: 15px !important;
        }
.section-banner-dich-vu .banner{
    padding-top: 540px !important;
}
#tao-don-hang{
    padding: 15px !important;
}
.row-form h3{
    font-size: 13px;
}
.row-form input[type=email], .row-form input[type=number], .row-form input[type=search], .row-form input[type=tel], .row-form input[type=text], .row-form input[type=url]{
    min-height: 40px !important;
}

        .section-banner-dich-vu .banner .text-box{
                left: 30px;
        top: 30px;
        bottom: unset;
        }
        .row-text-su-menh p{
            font-size: 17px !important;
        }
        .row-su-menh{
            padding: 15px !important;
        }
        .mobile-sidebar .icon-angle-right:before{
            font-size: 15px !important;
        }
        #footer div.pb-0{
            padding-bottom: 30px !important;
        }
        #footer .stack .img{
            max-width: 30px !important;
              flex: 0 0 auto;
    width: auto;
        }
        .section-footer-email .icon-box h3 {
    font-size: 19px;
}
        .banner-header .text-box{
                    left: 30px !important;
        }
        .banner-header{
            padding-top: 150px !important;
        }
 .section-footer-email .icon-box{
        display: block;
    text-align: center;
    margin-bottom: 15px;
 }
  .section-footer-email .icon-box .icon-box-img{
    margin: auto;
  }

        .section-footer-email{
            border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 95%;
    margin: auto;
    border-top-right-radius: 80px;
    border-bottom-left-radius: 80px;
        }
        .section-ve-chung-toi{
            padding-bottom: 0px !important;
        }
        .row-ve-chung-toi  .col{
            padding-bottom: 0px !important;
        }
        .styles_aboutFloatText__KtcpO p {
    position: absolute;
    top: -1.5rem;
    left: -1.5rem;
    color: transparent;
    font-size: 106px;
    -webkit-text-stroke: 1px rgba(68, 73, 77, .2);
    line-height: 101px;
    margin-bottom: 0px;
}
.styles_aboutItemHeader__S0rxE {
    margin-bottom: 1.5rem;
    margin-top: 1.25rem;
    display: flex;
    align-items: flex-end;
    margin-left: 56px;
}

.banner h1 {
    font-size: 30px;
}
        .section-dich-vu{
            padding-left: 5px !important;
            padding-right: 5px !important;
            padding-top: 0px !important;
        }
#main .section-dich-vu .row-dich-vu .large-3 {
    padding-right: 0px !important;
}
.row-icon-home .icon-box-img{
    width: 30px !important;
}
.row-icon-home .icon-box-text  p{
    font-size: 12px !important;
}
.row-icon-home .icon-box-text {
    padding-left: 10px !important;
}
.title-home {
    font-size: 26px !important;}

.title-home-left{
      font-size: 26px !important;
}
.row-form .wpcf7-submit{
    font-size: 15px;
}
#post-list .box .box-text {
  
    min-height: 160px;
}
#post-list .badge.post-date .badge-inner {

    font-size: 24px;
}
#post-list .box .box-text a.button{
    padding-top: 0px !important;
}
#post-list .badge.post-date {
   
    bottom: 52px;}
#post-list .post-item .post-title a{
    font-size: 15px !important;
}
#post-list .box .box-text a.button {
 
    font-size: 13px;
}
#post-list .badge.post-date::before {

    width: 45px;
    height: 44px;}
    .blog-archive .post-item .from_the_blog_excerpt {
    font-size: 13px;
}
.header-page .page-title-inner {
    min-height: 170px !important;
}
.blog-archive .rank-math-breadcrumb {
    margin-bottom: 0px;
}
    	.bai-viet-lien-quan ul li {
    width: 50%;
}
.bai-viet-lien-quan ul li .box-image img {
    height: 90px;
}.off-canvas .nav-vertical>li>a {
    padding-top: 12px;    font-size: 15px;
    padding-bottom: 12px;
    text-transform: none;
    font-weight: bold;
    color: black;
}.off-canvas-left .mfp-content{background:white; width:330px}.nav:not(.nav-slide) .active>.children{padding-bottom:10px}
.section1 h2, .section2 h2, .section3 h2, .section4 h2, .section5 h2, .section6 h2 {
    margin-bottom: 15px;
    font-size: 22px;
}.section1{padding-top:20px !important}
.section1 .large-columns-4 .col, .section2 .large-columns-3 .col, .product-category.col{flex-basis:100%; max-width:100%}.product-category.col h5 {
		font-size: 25px;}
.section4 .large-3{flex-basis:50%; max-width:50%; padding:0 5px 10px}.section4 .box .box-text p {
    font-size: 15px;
}.section5 .icon-box h3 {
		font-size: 20px;}
.section5 .large-3{flex-basis:50%; max-width:50%}.section6 .tabbed-content ul li a { font-size: 12px;
    padding: 0 8px;
}.section7 h2 {
		font-size: 21px;}
.form-tu-van {
    margin-left: 0;
    margin-right: 0;
}.banner h2 {line-height:22px;
    font-size: 22px;
}.gioi-thieu1 .large-3 h3 {
    font-size: 21px;
    margin-bottom: 0;
}
.gioi-thieu1 .col{padding-bottom:10px}
.banner .text-box{width:83% !important}
.gioi-thieu1 .icon-box h3 {
    font-size: 17px;
    margin-bottom: 0;
    line-height: 22px;
}
.gioi-thieu1 .icon-box .icon-box-text{font-size: 14px;
    line-height: 18px;}
.archive .product-small.col{flex-basis:100%; max-width:100%}.product-small.box .box-text {
    padding: 10px;
}.archive .product-small.box .product-title a {
    font-size: 15px;
		max-height: 40px;height: 40px;}.archive .advanced-woo-labels{display:none !important}

.single-product .large-8,.single-product .large-4{padding-top:0; flex-basis:100%; max-width:100%; padding-left:15px;padding-right:15px}
.single-product .advanced-woo-labels {
    left: 8px !important;
    top: 10px !important;
}.product-info .product-title {
    font-size: 23px;
}.product-info .dia-chi {
    font-size: 15px;
}.thong-tin-bds ul li{width:50%}.related h3 { font-size: 20px;
}
.related .product-small .box-text .advanced-woo-labels{display:none !important}
.related .product-small.col{flex-basis:100%; max-width:100%}.tu-van-sidebar .row2 .col{flex-basis:33.33%; max-width:33.33%;}.tu-van-sidebar h3 {
		font-size: 22px;}.list-post2 .post-item .post-title {
				font-size: 19px;}.tin-tuc-2 h3 {
    font-size: 25px;
}.list-post3 .post-item .box-text {
    padding-right: 0;
    padding-left: 0;
}.section-title-normal span {
		font-size: 25px;}.bai-viet-lien-quan h4 {
    font-size: 14px;
    color: black;
    line-height: 19px;
    padding-top: 7px;
    height: 65px;
    overflow: hidden;
}
.xem-them ul li a {
    line-height: 17px;
}.bai-viet-lien-quan h3 {
		font-size: 20px;}.blog-archive h1 {
				font-size: 30px;}
.blog-archive .post-item .post-title {
    font-size: 16px;
}.thong-tin-du-an .row-info .left{width:27%}
.thong-tin-du-an .row-info .right{width:73%}
    }




@media(max-width: 855px){
    .woof_container .chosen-container{
        width: 100% !important;
        max-width: 100% !important;
    }
    .woof_redraw_zone {
    display: block;}
    .div-bo-loc{
        display: block;
    }


.nav-vertical>li>ul li a{
    color: black;
}



       .rank-math-breadcrumb {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch; /* Smooth scroll trên iOS */
    }
    
    .rank-math-breadcrumb p {
        white-space: nowrap; /* Không cho xuống hàng */
        margin: 0;
        padding: 10px 0;
    }
    
    /* Ẩn scrollbar nhưng vẫn scroll được */
    .rank-math-breadcrumb::-webkit-scrollbar {
        display: none;
    }
    
    .rank-math-breadcrumb {
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }
    .nav-slide-header .toggle{
        text-transform: initial;
    }
    .category-page-row {
    padding-top: 0px;
}
   .header-bottom-nav .submit-div,.header-bottom-nav   .search-form-categories{
display: none;
    }
    .flex-col.flex-grow .search-field {

    height: 40px;
 
    background: white;
}
    .section-tim-kiem{
        min-height: 200px !important;
    }
    .title-big{
            font-size: 30px;
    }
    .div-ky-gui {
    margin-top: 13px;}
    .div-ky-gui > .col-inner{
        border-radius: 20px !important;
    }
}
@media (max-width: 768px) {
  
    .div-bo-loc .span-loc{
        display: none;
    }
}


@media(min-width: 1023px){
    .flex-right li{
        margin-right: 0px !important;
    }
    .flex-right li a:before{
        display: none;
    }
  .header-nav-main  .icon-search{
    font-size: 23px !important;
  } 
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}