/*
Theme Name: Web Khoi Nghiep
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* Style cho placeholder giả */
 /* Style cho text overlay info (góc trái dưới) */

/* Fix ảnh bị méo */
/* Fix ảnh bị méo - giữ tỷ lệ ảnh gốc */
/* Ẩn ảnh hover gốc */
/* Chấm tròn đỏ follow chuột */
/* Phần 1: Đơn hàng */
/* Section đăng nhập/đăng ký */

/* Section đăng nhập/đăng ký */
 /* Hiện input giá min/max trong widget lọc giá */
 /* Wrapper cho toàn bộ controls */
 .woocommerce-billing-fields h3{
    display: none;
 }
 .woocommerce-checkout .page-wrapper{
    padding-top: 0px;
 }
.message-container.success-color{
    font-size: 13px;
}
.widget_shopping_cart .woocommerce-mini-cart__buttons a.button:first-child{
        background: white;
        color: var(--fs-color-secondary) !important;
        border-color: var(--fs-color-secondary) !important;
}
.woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-checkbox-text a{
    color: #1890FF !important;
}
.woocommerce-terms-and-conditions-wrapper span.required{
       color: #1890FF !important; 
}
.woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-checkbox-text{
    font-weight: 400 !important;
}
.wc_payment_method .payment_box{
    display: block !important;}
.nav-dropdown .menu-item-has-children>a, .nav-dropdown .nav-dropdown-col>a, .nav-dropdown .title>a {
       color: #242424;
    font-size: 16px;
    font-weight: normal;
    text-transform: initial;
}
.nav-dropdown .menu-item a{
        color: #242424;
            border: unset !important;
}
.nav-dropdown li.menu-item{
    border: unset;
}
 .post-item .post-meta {
    padding-bottom: 10px;
 }
 .post-item .post-title{
    padding-bottom: 10px;
 }
 .box-tuyen-dung .box-image{
    border-radius: 16px;
 }
 .cart-discount span.amount{
    color: #242424 !important;
    font-size: 16px;
 }
 .cart-discount .woocommerce-remove-coupon{
    display: none;
 }
 .rank-math-breadcrumb p{
    margin-bottom: 0px;
 }
 .woocommerce-cart-form__contents td.product-quantity{
    padding-left: 0px;
 }
   .woocommerce-cart-form__contents td.product-price{
        width: 105px;
    text-align: right;
    padding-right: 35px;
   }
  .woocommerce-cart-form__contents td.product-name{
    max-width: 318px;
    padding-right: 12px;
  }
 .woocommerce-cart-form__contents thead tr th{
    border-bottom: 1px solid #EEEEEE !important;
 }
 .woocommerce-cart-form__cart-item  .product-price del{
    display: block !important;
    text-align: right !important;
 }
 .button-continue-shopping span{
    display: none !important;
 }
 .show-more-brands{
    font-weight: bold;
 }
 .post-item .box-text  a.button{
        text-transform: initial;
    font-size: 16px;
    color: #242424;
 }
 .post-item .box-text  a.button:hover{
        color: var(--primary-color);
 }
  .post-item .box-text  a.button:hover i:before{
        filter: brightness(0) saturate(100%) invert(56%) sepia(89%) saturate(2449%) hue-rotate(327deg) brightness(101%) contrast(101%);
  }
   .post-item .box-text  a.button i{
    position: relative;
   }
  .post-item .box-text  a.button i:before{
        content: '';
    position: absolute;
       right: -25px;
    top: -3px;
    /* transform: translateY(-50%); */
    width: 24px;
    height: 24px;
    background-image: url(images/arrow-right-dark.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: -8px;
  }
 .optional-note {
       display: block;
    font-size: 13px;
    color: #999;
    margin-top: 5px;
    font-style: italic;
    position: absolute;
    top: 26px;
    left: 27px;
}
textarea[name="chu-thich"]:focus ~ .optional-note,
textarea[name="chu-thich"]:not(:placeholder-shown) ~ .optional-note {
    opacity: 0 !important;
    visibility: hidden !important;
}
 .widget_shopping_cart .woocommerce-mini-cart__buttons .button {
  
    border-radius: 99px;
    text-transform: initial;
}
 .widget_brand_search_widget,.widget_brand_search_widget form{
    margin-bottom: 0px !important;
 }
 .category-page-row{
    padding-top: 10px;
 }
 .div-siderbar-danh-muc h3{
    font-size: 28px;
 }
 .div-breacrumbs-danh-muc{
    padding-bottom: 20px;
 }
 .div-siderbar-danh-muc{
    display: flex;
 }
 .div-siderbar-danh-muc a{
        margin-top: 6px;
    width: 40% !important;
    color: var(--primary-color);
 }
    .brand-search-wrapper {
            display: flex;
            align-items: center;
            gap: 5px;
            position: relative;
        }
        .brand-search-input {
            flex: 1;
            padding: 8px 12px;
            border: 1px solid #ddd;
             border-radius: 99px !important;
    font-size: 13px !important;
        }
        .brand-search-button {
       
            background: #333;
            color: #fff;
            border: none;
               position: absolute;
    right: -4px;
    border-radius: 99px;
    text-transform: initial;
    font-size: 13px;
    padding: 6px 13px;
            cursor: pointer;
            display: flex;
            align-items: center;
        }
        .brand-search-button:hover {
            background: #555;
        }
        .brand-search-clear {
            color: #999;
            text-decoration: none;
            display: flex;
            align-items: center;
        }
        .brand-search-clear:hover {
            color: #333;
        }
        .dashicons {
            font-size: 16px;
            width: 16px;
            height: 16px;
        }
        .brand-search-result {
            margin-top: 10px;
            padding: 8px;
            background: #f5f5f5;
            border-radius: 4px;
            font-size: 13px;
        }
 .nav-pagination>li>a, .nav-pagination>li>span{
        border: 1px solid !important;
            line-height: 35px;
 }
.category-controls-wrapper {
    width: 100%;
    margin-bottom: 20px;
}

/* Hiển thị kết quả bên trái */
.woocommerce-result-count {
    margin: 0;
    font-size: 16px;
    color: #B4B4B4;
    line-height: 40px;
}
.woocommerce-result-count .total-result,.woocommerce-result-count .span-total{
    color: #242424;
    font-weight: 500;
}
/* Wrapper cho sắp xếp và hiển thị */
.custom-ordering-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
}

.ordering-group,
.per-page-group {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ordering-label {
     font-weight: 500;
    font-size: 16px;
    white-space: nowrap;
    color: #B4B4B4;
}

.custom-ordering-wrapper .woocommerce-ordering {
    margin: 0;
}

.custom-ordering-wrapper select.orderby,
.custom-ordering-wrapper select.per-page-select {
    padding: 0px;
    border: unset;
    border-radius: 4px;
    background: transparent;
    font-size: 14px;
    cursor: pointer;
    min-width: 150px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(images/arrow-chevron-down.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
    margin-bottom: 0px;
    min-height: 20px !important;
    font-weight: bold;
    margin-top: 0px !important;
    box-shadow: unset;
}
/* Wrapper */
.custom-select-wrapper {
    position: relative;
    display: inline-block;
        width: max-content;
}

/* Custom select box */
.custom-select {
    position: relative;
}

/* Phần hiển thị được chọn */
.custom-select-selected {
        padding-right: 23px !important;
    padding: 0px;
    border: unset;
    border-radius: 4px;
    font-weight: 600;
    cursor: pointer;
    font-size: 16px;
    position: relative;
    transition: all 0.3s ease;
}

/* Icon mũi tên */
.custom-select-selected:after {
   background-image: url(images/arrow-chevron-down.png);
    /* background-repeat: no-repeat; */
    /* background-position: right 10px center; */
    margin-bottom: 0px;
    /* min-height: 20px !important; */
    /* font-weight: bold; */
    /* margin-top: 0px !important; */
    box-shadow: unset;
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    right: 0px;
    top: 4px;
}

/* Khi mở dropdown */
.custom-select.open .custom-select-selected {
border: unset;
}



/* Dropdown list - ĐÂY LÀ PHẦN BẠN MUỐN STYLE */
.custom-select-dropdown {
        width: 220px;
  position: absolute;
    top: 100%;

    right: 0;
    border-top: none;
    border-radius: 10px;
    box-shadow: 0 8px 16px rgb(0 0 0 / 17%);
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.3s 
ease;
    z-index: 999;
}

.custom-select.open .custom-select-dropdown {
    max-height: 350px;
    opacity: 1;
    overflow-y: auto;
}
.custom-select-dropdown .custom-select-option:last-child{
    margin-bottom: 0px !important;
}
/* Mỗi option - SPACING 5PX Ở ĐÂY */
.custom-select-option {
    position: relative;
background: white;
    padding: 6px 15px;
    margin-bottom: 2px;
    cursor: pointer;
    transition: all 0.2s 
ease;
    border-radius: unset;
        padding-left: 30px !important;
}

/* Hover option */
.custom-select-option:hover {
 
}

/* Option được chọn */
.custom-select-option.selected {
 
}
.custom-select-option:hover:before{
  content: '';
    transform: translateY(-50%);
    width: 18px;
    height: 16px;
    background-image: url(images/check.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 8px;
    top: 19px;
  
}
.custom-select-option.selected:before{
  content: '';
    transform: translateY(-50%);
      width: 18px;
    height: 16px;
    background-image: url(images/check.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 8px;
    top: 19px;
  
}
/* Scrollbar cho dropdown */
.custom-select-dropdown::-webkit-scrollbar {
    width: 6px;
}

.custom-select-dropdown::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.custom-select-dropdown::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}

.custom-select-dropdown::-webkit-scrollbar-thumb:hover {
    background: #999;
}

.custom-ordering-wrapper select.orderby:hover,
.custom-ordering-wrapper select.per-page-select:hover {
    border-color: #999;
}

.custom-ordering-wrapper select.orderby:focus,
.custom-ordering-wrapper select.per-page-select:focus {
    outline: none;
    border-color: #2c3e50;
}
.row-header-sp{
    padding-top: 30px;
}
/* Responsive */
@media (max-width: 768px) {
    .ordering-label{
        font-size: 13px;
    }
    .per-page-group{
        width: 40% !important;
    }
    .category-controls-wrapper {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 15px;
                border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        padding-bottom: 15px;
    }
    
    .flex-left,
    .flex-right {
        width: 100%;
    }
    
    .custom-ordering-wrapper {
        flex-direction: row;
        align-items: flex-start;
        width: 100%;
        gap: 15px;
    }
    
    .ordering-group,
    .per-page-group {
        width: 100%;
    }
    
    .custom-ordering-wrapper .woocommerce-ordering {
        width: 100%;
    }
    
    .custom-ordering-wrapper select.orderby,
    .custom-ordering-wrapper select.per-page-select {
        width: 100%;
        flex: 1;
    }
}
 aside ul li{
    border-top: unset !important;
 }
 #shop-sidebar aside ul li a{
    padding: 10px 0px;
  }
 #shop-sidebar span.widget-title{
font-size: 16px;
    text-transform: initial;
    letter-spacing: unset;
    margin-bottom: 20px;
    display: block;
 }
.woocommerce.widget_price_filter input#min_price,
.woocommerce.widget_price_filter input#max_price {
    display: inline-block !important;
    width: 48%;
    padding: 6px 8px;
    margin-bottom: 10px;
    border: 1px solid #EEEEEE;
        margin-top: 20px;
            min-height: 44px !important;
}
.widget_price_filter .screen-reader-text{
        display: inline-block;
    overflow: visible !important;
    position: absolute !important;
    width: auto !important;
    height: auto !important;
    color: #B4B4B4;
    clip-path: unset;
    clip: unset;
    font-size: 14px;
    font-weight: 400;
}
.widget_price_filter label[for="max_price"] {
    left: 53%;

}
/* Canh đều */
.woocommerce.widget_price_filter .price_slider_amount {
    display: flex;
    flex-wrap: wrap;
    gap: 4%;
}

.woocommerce.widget_price_filter button.button {
    width: 100%;
    margin-top: 10px;
}

.blog-single .entry-header{
 margin-bottom: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.row-tin-tuc .box-image{
    border-radius: 20px;
}
.row-tin-tuc .box-text{
    margin-bottom: 20px;
}
.row-tin-tuc .box-text h3{
    margin-bottom: 20px;
    font-size: 23px;
    margin-top: 20px;
}
.section-title-normal i.icon-angle-right:before{
        content: '';
    position: absolute;
      right: -22px;
    top: -10px;
    /* transform: translateY(-50%); */
    width: 24px;
    height: 24px;
    background-image: url(images/arrow-right-dark.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: -8px;
}
#comments a.btn-reviews-now,.woocommerce #review_form #respond p.form-submit input#submit, .woocommerce #reviews #comments ol.commentlist #respond p.form-submit input#submit{
    background-color:  var(--primary-color) !important ;
}
.comment-form-cookies-consent{
    display: none;
}
a.button.secondary.is-link{
    font-size: 16px;
}
a.button.secondary.is-link:hover{
    color: var(--primary-color);
}
a.button.secondary.is-link:hover i.icon-angle-right:before {
filter: brightness(0) saturate(100%) invert(27%) sepia(97%) saturate(3438%) hue-rotate(347deg) brightness(98%) contrast(93%);}
.section-title-normal i.icon-angle-right:before{
    top: -8px !important;
}
a.button.secondary.is-link i.icon-angle-right:before,.section-title-normal i.icon-angle-right:before{
        content: '';
    position: absolute;
      right: -22px;
    top: -5px;
    /* transform: translateY(-50%); */
    width: 24px;
    height: 24px;
    background-image: url(images/arrow-right-dark.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: -8px;
}
.custom-checkout-auth-section h3{
       text-transform: initial !important;
    font-size: 28px !important;
    text-align: left;
}
.woocommerce-billing-fields{
    border-top: unset;
    padding-top: 0px;
}
.woocommerce-billing-fields h3{
    text-transform: initial !important;
    font-size: 23px !important;
}
.custom-checkout-auth-section {
   background: #F6F6F6;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 24px;
    text-align: center;
}

.custom-checkout-auth-section h3 {
    margin: 0 0 20px 0;
    font-size: 20px;
    font-weight: 600;
}

.auth-buttons-wrapper {
    display: flex;
    gap: 0px;
    justify-content: center;
    align-items: center;
}

.auth-button {
     padding: 0px 30px !important;
    border-radius: 50px !important;
    font-size: 16px !important;
    font-weight: 600;
    text-decoration: none !important;
    transition: all 0.3s 
ease;
    display: inline-block;
    text-transform: inherit;
    height: 56px;
    line-height: 56px;
    width: 42%;
}

.login-button {
    background: #fff !important;
    color: #333 !important;
    border: 1px solid #ddd !important;
}

.login-button:hover {
    background: #f8f9fa !important;
    border-color: #333 !important;
}

.register-button {
    background: #333 !important;
    color: #fff !important;
    border: 2px solid #333 !important;
}

.register-button:hover {
    background: #000 !important;
    border-color: #000 !important;
}

/* Responsive */
@media (max-width: 768px) {
    .auth-buttons-wrapper {
        flex-direction: column;
    }
    
    .auth-button {
        width: 100%;
    }
}



.woocommerce-form-coupon-toggle {
    display: none !important;
}
.order-review-heading,.payment_methods.methods h3{
    text-transform: initial !important;
    font-size: 23px !important;
}
.div-checkout-right .has-border{
    border: unset;
    padding: 0px;
}
.div-checkout-right .payment_methods.methods{
        border-radius: 16px;
    background: #F6F6F6;
    padding: 20px;
    margin-bottom: 20px;
}
.order-review-wrapper {
    border-radius: 16px;
    background: #F6F6F6;
    padding: 20px;
    margin-bottom: 20px;
}

.order-review-wrapper h3.order-review-heading {
    margin-bottom: 15px;
    font-size: 18px;
}
button#place_order{
    border-radius: 99px;
}
/* Phần 2: Hình thức thanh toán */
.payment-methods-wrapper {
  
}

.payment-methods-wrapper h3.payment-heading {
    margin-bottom: 15px;
    font-size: 18px;
}

/* Phần 3: Điều khoản và Đặt hàng */
.checkout-actions-wrapper {
    background: #e9ecef;
    padding: 20px;
}
.account-nav li a{
    text-transform: initial;
    color: #242424;
    font-weight: 600;
    font-size: 16px;
}
.related-products-wrapper {
    border-top: unset;
}
.related-products-wrapper h3{
    text-transform: initial;
}
.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select{
        border-radius: 12px;
    min-height: 56px;
        box-shadow: unset;
}
 textarea{
          border-radius: 12px;
        box-shadow: unset;
 }
.select2-container .select2-choice>.select2-chosen, .select2-container .select2-selection--single .select2-selection__rendered, .select2-selection {
    line-height: 56px;
 
}
a.xoa-tat-ca{
        position: absolute;
    right: 15px;
    margin-top: -57px;
            color: var(--primary-color) !important;

}
.div-cart-left .ux-cart-coupon .coupon{
        display: flex;
    align-items: center;
    width: 81%;
    position: relative;
}
.div-cart-left .ux-cart-coupon .widget-title{
        font-size: 16px;
    font-weight: 400;
       width: 110px;

}
.div-cart-left .ux-cart-coupon .input-text{
        height: 56px;
    border-radius: 99px;
    box-shadow: unset;
}
.div-cart-left .ux-cart-coupon button{
        min-height: 56px !important;
    max-height: 56px !important;
    height: 56px !important;
    line-height: 56px !important;
    text-transform: initial !important;
    border-radius: 99px;
    color: white !important;
    flex: 1;
    background: var(--fs-color-secondary) !important;
    margin: 0 !important;
    position: relative !important;
    white-space: nowrap;
    position: absolute !important;
    width: max-content !important;
    right: 0px;
    text-shadow: unset;
    margin-top: -17px !important;
    padding: 0px 32px !important;
}
.cart-collaterals .cart-subtotal span.amount{
    font-size: 16px;
    color: #242424;
}
.cart-collaterals .order-total span.amount{
    font-size: 19px;
    color: #FF6666;
}
.cart-collaterals .order-total th,.cart-collaterals .order-total td{
    border: unset;
}
.woocommerce-mini-cart-item a.remove_from_cart_button:before{
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('images/x.png') no-repeat center center;
    background-size: contain;}
.product-remove a:before{ content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('images/x.png') no-repeat center center;
    background-size: contain;}
.woocommerce-cart-form__cart-item .product-remove a.remove:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('images/x.png') no-repeat center center;
    background-size: contain;
}

#order_review .shipping__inner{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.woocommerce-shipping-destination{
    display: none !important;

}
/* Cấu trúc lại bảng vận chuyển */
.woocommerce-shipping-totals .shipping__table--multiple {
    width: 100%;
}

.woocommerce-shipping-totals .shipping__table--multiple tbody tr {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.woocommerce-shipping-totals .shipping__table--multiple th {
    flex: 0 0 150px; /* Độ rộng cố định cho cột trái */
    text-align: left;
    padding-right: 20px;
}
#content .shipping__table tbody th{
    padding-left: 0px !important;
}
.shop_table tr.cart-discount{
font-size: 16px;
}
.shipping__list_label{
    text-align: right !important;
}
.woocommerce-shipping-totals .shipping__table--multiple td {
    flex: 1;
    text-align: left;
}
.woocommerce-shipping-totals .shipping__list_item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.woocommerce-shipping-totals .shipping__list_item input[type="radio"] {
    order: 2;
    margin-left: 10px;
    margin-right: 0;
}

.woocommerce-shipping-totals .shipping__list_label {
    order: 1;
    margin-left: 0;
    cursor: pointer;
}
/* Style cho danh sách phương thức vận chuyển */
.woocommerce-shipping-totals #shipping_method {
    margin: 0;
    padding: 0;
    list-style: none;
}

.woocommerce-shipping-totals .shipping__list_item {
    margin-bottom: 10px;
}

.woocommerce-shipping-totals .shipping__list_label {
    margin-left: 8px;
    cursor: pointer;
}

/* Responsive cho mobile */
@media (max-width: 768px) {
    .woocommerce-shipping-totals .shipping__table--multiple tbody tr {
    
        gap: 10px;
    }
    
    .woocommerce-shipping-totals .shipping__table--multiple th {
        flex: 0 0 auto;
    }
}
.woocommerce-mini-cart-item a.remove_from_cart_button,.product-remove a,.woocommerce-cart-form__cart-item .product-remove a.remove {
    font-size: 0 !important;
    border: unset;

}
.woocommerce-checkout-review-order-table .cart-subtotal span.amount{
    color: #242424;
    font-size: 16px;
}
.woocommerce-checkout-review-order-table .order-total span.amount{
    font-size: 23px;
}
.woocommerce-checkout-review-order-table .cart_item span.amount{
    color: #242424;
    font-size: 16px;
}
.woocommerce-checkout-review-order-table tfoot th{
        padding-left: 0px !important;
        color: #575757;
    font-weight: 400;
}
.shipping__list_item span.amount{
     color: #575757;
}
/* Đổi thứ tự input radio và label cho payment methods */
.wc_payment_method {
    display: block;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: flex-start;
    margin-bottom: 15px;
}

.wc_payment_method input[type="radio"] {
    order: 2;
    margin-left: 10px;
    margin-right: 0;
    margin-top: 3px; /* Căn chỉnh với dòng chữ đầu tiên */
}

.wc_payment_method label {
    order: 1;
    margin-left: 0;
    cursor: pointer;
    flex: 1;
}

/* Đổi màu radio button sang đen */
.wc_payment_method input[type="radio"] {
    accent-color: #000000;
}

/* Hoặc custom chi tiết hơn */
.wc_payment_method input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid #000;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    position: relative;
        margin-bottom: -3px !important;
    flex-shrink: 0; /* Giữ kích thước cố định */
}

.wc_payment_method input[type="radio"]:checked {
    border-color: #000;
}

.wc_payment_method input[type="radio"]:checked::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #000;
}

/* Style cho payment box (phần mô tả bên dưới) */
.wc_payment_method .payment_box {
    width: 100%;
    margin-top: 0px;
    padding: 15px;
    background: #f5f5f5;
    border-radius: 4px;
}
.payment_methods li+li{
        margin-top: 8px;
    border-top: unset;
}
/* Hoặc nếu muốn custom chi tiết hơn */
.woocommerce-shipping-totals .shipping__list_item input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid #000;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    position: relative;
    order: 2;
    margin-left: 10px;
    margin-right: 0;
}

.woocommerce-shipping-totals .shipping__list_item input[type="radio"]:checked {
    border-color: #000;
}

.woocommerce-shipping-totals .shipping__list_item input[type="radio"]:checked::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #000; /* Màu đen cho chấm bên trong */
}
.woocommerce-checkout-review-order-table tbody .product-name{
    padding-left: 0px !important;
}
.woocommerce-checkout-payment #place_order{
    text-transform: initial;
    font-size: 16px;
    min-height: 56px;
}
.div-hop-tac img{
       width: 20px;
    margin-top: -5px;
    margin-right: 5px;
    margin-bottom: 0px !important;
}
.return-to-shop .wc-backward{
    text-transform: initial;
    border-radius: 99px !important;
}
.cart-collaterals-inner .continue-shopping{
    float: unset !important;
}
.cart-collaterals-inner{
        background: #F6F6F6;
    padding: 32px;
    border-radius: 16px;
}
.cart-collaterals-inner .wc-proceed-to-checkout .checkout-button{
    min-height: 56px !important;
    max-height: 56px !important;
    height: 56px !important;
     line-height: 56px !important;
    text-transform: initial !important;
    border-radius: 99px;
    color: white !important;
    flex: 1;
    background: var(--fs-color-secondary) !important;
    margin: 0 !important;
    position: relative !important;
    white-space: nowrap;
}
.cart-collaterals-inner .button-continue-shopping:hover{
box-shadow: inset 0 0 0 100px rgba(0, 0, 0, .2) !important;
background: white;
}
.cart-collaterals-inner .button-continue-shopping{
    min-height: 56px !important;
    max-height: 56px !important;
    height: 56px !important;
    line-height: 56px !important;
    text-transform: initial !important;
    border-radius: 99px;
    border: 1px solid #E0E0E0 !important;
    background: white;
    flex: 1;
    color: var(--fs-color-secondary) !important;
    margin: 0 !important;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 100%;
}
.cart_totals tbody th{
        color: #575757;
}
.cart_totals th.product-name{
        border: unset;
    font-size: 23px;
    text-transform: initial;
    color: #242424;
    letter-spacing: normal;

}
.shop_table tr th,.shop_table tr td{
        border: unset !important;
}
.shop_table tr{
    border: unset !important;
}
.woocommerce-shipping-totals  .shipping__inner{
    padding-right: 0px !important;
}
.shop_table .input-text{
    box-shadow: unset;
    border: unset;
    background: transparent;
    min-height: 57px;
    min-width: 25px;
}
.shop_table .ux-quantity{
    border: 1px solid #E0E0E0;
    border-radius: 99px;

        border-radius: 12px;
}
 .shop_table .product-price del span.amount{
    font-size: 15px;
 }
 .shop_table .product-price span.amount{
    font-size: 19px;
    color: #242424;
 }
 .shop_table td.product-thumbnail {
 max-width: 108px;
    min-width: 108px;
    width: 108px;
    padding-left: 0px !important
}
 .shop_table  .ux-quantity__button {
    min-height: 57px;
    min-width: 40px;
    border: unset !important;
    background: transparent !important;
    box-shadow: unset !important;
}
 .shop_table thead th{
    text-transform: initial;
    font-size: 16px;
        padding-left: 0px !important;
    font-weight: 400;
 }
.shop_table .order-total td, .shop_table .order-total th, .shop_table thead th {
    border-width: 1px;
}
 .shop_table .product-name a{
    font-size: 16px;
 }
.shop_table .product-thumbnail img{
        background: #F2F2F2;
    border-radius: 16px;
    padding: 10px;
}
form.cart .input-text{
    box-shadow: unset;
    border: unset;
    background: transparent;
    min-height: 48px;
    min-width: 100px;
}
form.cart .ux-quantity{
    border: 1px solid #E0E0E0;
    border-radius: 99px;
    margin-left: 30px;
    margin-right: 30px;
}
form.cart .ux-quantity__button {
    min-height: 48px;
    min-width: 45px;
    border: unset !important;
    background: transparent !important;
    box-shadow: unset !important;
}
form.cart .ux-quantity__button:hover{
    background: transparent !important;
}
form.cart{
    display: block;
}

/* Container cho 2 nút - FIX */
form.cart .cart-buttons-wrapper {
    display: flex;
    gap: 10px;
    margin-top: 30px;
    align-items: stretch; /* Giữ 2 nút cùng chiều cao */
}
.wishlist_table .add_to_cart:hover{
        box-shadow: inset 0 0 0 100px rgba(0, 0, 0, .2);
}
.wishlist_table .add_to_cart{
    font-weight: bold;
}
form.cart .single_add_to_cart_button,.wishlist_table .add_to_cart{
    min-height: 48px !important;
    max-height: 48px !important;
    height: 48px !important;
    text-transform: initial !important;
    border-radius: 99px;
    border: 1px solid #E0E0E0;
    background: white;
    flex: 1; /* Thay width bằng flex */
    color: var(--fs-color-secondary) !important;
    margin: 0 !important;
    white-space: nowrap;
    overflow: hidden;
}

/* Fix khi loading */
form.cart .single_add_to_cart_button.loading{
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 48px !important;
    max-height: 48px !important;
    height: 48px !important;
}

form.cart .buy_now_button{
    min-height: 48px !important;
    max-height: 48px !important;
    height: 48px !important;
    text-transform: initial !important;
    border-radius: 99px;
    color: white !important;
    flex: 1; /* Thay width bằng flex */
    background: var(--fs-color-secondary) !important;
    margin: 0 !important;
    position: relative !important;
    white-space: nowrap;
}
.stock-filter-list li{
    margin-left: 0px !important;
}
.stock-filter-list li{
    margin-bottom: 15px;
}
.stock-filter-list li label{
    font-weight: 400;
    font-size: 16px;
}
aside .stock-filter-list input[type=checkbox],aside input[type=radio]{
        --form-check-bg: transparent;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin: 0;
    vertical-align: middle;
    margin-bottom: 2px;
    margin-right: 8px !important;
    appearance: none;
    background-color: var(--form-check-bg);
    background-image: var(--form-check-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid #E2E2E2;
    border-radius: 5px;
    print-color-adjust: exact;
    margin-right: .4rem;
    background-size: 60% 60%;
}
.stock-filter-list input.stock-filter-radio:checked,.stock-filter-list input.stock-filter-radio:hover, input.form-check-input:hover, li.cat-item a:hover input.form-check-input,li.current-cat input.form-check-input{
    --form-check-bg: var(--fs-color-primary);
    border-color: var(--fs-color-primary);
    --form-check-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23ffffff'/%3e%3c/svg%3e");
}
ul.product-tabs{
        border-bottom: 2px solid #E6E6E6 !important;
}
ul.product-tabs li{
    margin-left: 0px !important;
    margin-right: 0px !important;
}
ul.product-tabs li a{

      padding: 10px 10px;
    font-size: 15px;
    text-transform: inherit;
    letter-spacing: unset;
    font-weight: 600;
    color: #000000;
    border-bottom: 2px solid transparent;
}
ul.product-tabs li:hover a:before{
    opacity: 1;
}
ul.product-tabs li a:before{
background-color: #000000;
    content: " ";
    height: 3px;
    left: 50%;
    opacity: 0;
    position: absolute;
    bottom: -3px;
    transform: translateX(-50%);
    transition: all .3s;
    width: 100%;
}
/* Style cho loading của devvn-quickbuy */
.devvn-quickbuy button.single_add_to_cart_button.loading:after {
    display: none;
}
.devvn-quickbuy button.single_add_to_cart_button.button.alt.loading {
    color: #fff;
    pointer-events: none !important;
}
.devvn-quickbuy button.buy_now_button {
    color: rgba(255,255,255,0.05);
}
.devvn-quickbuy button.buy_now_button:after {
    animation: spin 500ms infinite linear;
    border: 2px solid #fff;
    border-radius: 32px;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    content: "";
    display: block;
    height: 16px;
    top: 50%;
    margin-top: -8px;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    width: 16px;
}

.qty-text,
.stock-status-text {
    margin-top: 10px !important;
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
}
.stock-status-text .in-stock {
    color: #242424;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}

.stock-status-text .out-of-stock {
    color: #dc3545;
    font-weight: 600;
}

.stock-status-text .on-backorder {
    color: #ffc107;
    font-weight: 600;
}
.product-brand-rating {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-size: 14px;
}
.title-tab{
      font-size: 16px !important;
    text-transform: initial;
    margin-top: 30px;
    margin-bottom: 0px;  
}
.product-page-sections .product-section:first-child{
    border-top: unset;
}
.div-sp-phai h1{
    font-size: 23px;
}
.div-sp-phai .price-wrapper span.amount{
    font-size: 33px;
}
.div-sp-phai .price-wrapper ins span.amount{
    font-size: 33px;
}
.div-sp-phai .price-wrapper del span.amount{
    color: #575757;
    font-size: 19px;
    font-weight: 400;
}
.div-sp-phai .price-wrapper del{
        font-size: 19px;
    color: #575757;
    margin-left: 10px;
}
.div-sp-phai .woocommerce-product-rating .rating-score{
    color: #242424;
}
.div-sp-phai .woocommerce-product-rating .woocommerce-review-link{
    display: inline-block;
}
.div-sp-phai .woocommerce-product-rating .star-rating{
        margin: 0px !important;
}

.product-brand-rating .product-brand a {
    color: #B4B4B4;
    font-weight: 600;
  text-transform: uppercase;
    transition: color 0.3s;
}

.product-brand-rating .product-brand a:hover {
    color: var(--fs-color-primary);
    text-decoration: underline;
}

.product-brand-rating .separator {
    margin: 0 10px;
    color: #999;
}

.product-brand-rating .product-rating-wrapper {
    display: flex;
    align-items: center;
}

.product-brand-rating .woocommerce-product-rating {
    margin: 0;
}

.product-brand-rating .star-rating {
    margin-right: 5px;
}
.div-sp-phai .woocommerce-breadcrumb{
    display: none;
}
.product-thumbnails .is-nav-selected a, .product-thumbnails a:hover{
        border-color: #575757;
}
.product-thumbnails a,.product-thumbnails img{
    border-radius: 20px;
}
.woocommerce-product-gallery{
        background: #F2F2F2;
        border-radius: 20px;
}
.image-tools .zoom-button ,.product-images .wishlist-icon{
    display: none !important;
}
#yith-wcwl-popup-message,#yith-wcwl-message{
    font-size: 15px !important;
}
.div-menu-danh-muc  ul li a:hover{
   color: #FF6666;
}
a.button.is-outline{
    border: 1px solid;
        line-height: 40px;
}
.section-breadcumb-center .entry-title{
    padding-top: 10px;
}
.normal-title {
    background-color: unset;
    border-bottom: unset;
    border-top: unset;
}
.account-login-inner .woocommerce-LostPassword {
    position: absolute;
    right: 38px;
    margin-top: -42px;
    font-size: 16px;
}
.show-password-input{
        margin-bottom: 0px;
    line-height: 45px;
}
.show-password-input:after{
            content: "";
        font-family: none !important;
        background-image: url('images/eye.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 20px;
        height: 20px;
        display: inline-block;
    opacity: .5;
}
.show-password-input.display-password:after{
        content: "";
        font-family: none !important;
        background-image: url('images/eye.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 20px;
        height: 20px;
        display: inline-block;
        opacity: 1 !important;
}
.p-register a{
       font-size: 16px;
    color: #FF6666;
}
.p-register{
       font-size: 16px;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
}
label.woocommerce-form-login__rememberme{
        font-size: 16px;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
}
.woocommerce-form-register .woocommerce-form__label-for-checkbox{
     font-size: 15px;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.75);
    margin-bottom: 30px;
}
.woocommerce-form-login__rememberme .woocommerce-form__input{
    margin-bottom: 0px;
    margin-right: 3px;
}
.account-login-inner .woocommerce-LostPassword a{
        font-size: 16px;
    color: #FF6666;
}
.row-breacumb-dang-nhap{
    padding-top: 100px;
}
.woocommerce-form-register .input-text,.woocommerce-form-login .input-text,.woocommerce-ResetPassword .input-text {
        height: 56px;
    border-radius: 10px;
    box-shadow: unset;
}
.page-id-13 #main,.page-template-page-my-account #main {
    background: url(images/bg-dang-nhap.png);
    background-size: cover;
    padding-bottom: 50px;
}
.page-template-page-my-account #main .page-title .title-content,.woocommerce-account #main .page-title .title-content ,.woocommerce-account #main .page-title .title-wrapper,.page-template-page-my-account #main .page-title .title-wrapper{
    text-align: center !important;
}
.social-lien-he span{
        color: #575757;
        font-weight: 400;
}
.social-lien-he.social-icons a{
        margin-bottom: 0px;
    background: white !important;
    border: 1px solid #EEEEEE;
    color: #242424 !important;
    line-height: 32px;
    margin-right: 10px;
}
.div-tru-so{
    background: white;
    padding: 24px;
    border-radius: 16px;
}
.accordion .toggle{
        right: 0px;
    left: unset;
    font-weight: 100;
}
.accordion .accordion-item{
    background: white;
      border: 1px solid #E6E6E6 !important;
    border-radius: 10px !important;
        margin-bottom: 20px;
}
.accordion .accordion-inner{
     
    padding: 0px 15px;
}
.accordion .accordion-title.active{
    background-color: transparent;
}
.accordion a.accordion-title{
    padding-left: 15px !important;
border: unset;
    color: rgba(36, 36, 36, 1);
    font-size: 16px;
  font-weight: 600;
}
td:first-child, th:first-child {
        padding-right: 15px;
    padding-left: 15px !important;
}
.title-chuyen-khoan {
    background: #F6F6F6;
    padding: 10px
}
.title-chuyen-khoan.title-left{
   border-top-left-radius: 17px;
}
.title-chuyen-khoan.title-right{
    border-top-right-radius: 17px;
}
.title-chuyen-khoan p{
    margin-bottom: 0px;
}
.row-chuyen-khoan{
        border: 1px solid #EEEEEE;
    border-top-left-radius: 17px;
        border-top-right-radius: 17px;
}
.row-trong-ck{
    padding-top: 20px;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
table.shipping-methods-table{
    width: 100%;
    border-collapse: collapse;

    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ddd;
}

table.shipping-methods-table thead {
    background-color: #f8f8f8;
}

table.shipping-methods-table th {
    text-transform: initial;
    padding: 15px 12px;
    text-align: left;
    font-weight: 600;
    color: #333;
    border: 1px solid #ddd;
}

table.shipping-methods-table td {
    padding: 15px 12px;
    color: #666;
    border: 1px solid #ddd;
}

table.shipping-methods-table tbody tr:last-child td {
    color: #d32f2f;
    font-weight: 500;
}

table.shipping-methods-table tbody tr:hover {
    background-color: #f9f9f9;
}


.star-rating span:before,.star-rating:before, .woocommerce-page .star-rating:before{
    color: #FF9500;
}


.section-sp-ngang .product-small.box-vertical{
    min-height: 304px;
}
.section-sp-ngang .badge-container{
    display: none;
}
.section-sp-ngang .banner .banner-bg{
    border-radius: 24px;
}
.product-small.box-vertical .wishlist-icon{
    display: none;
}
.badge-container{
        margin-top: 10px;
    left: 20px;
}
.product-small.box-vertical .box-image{
    background: #F2F2F2;
     border-top-left-radius: 24px;
        border-bottom-left-radius: 24px;
}
.product-small.box-vertical .box-text{
        padding: 20px !important;
        background: white;
        border-top-right-radius: 24px;
        border-bottom-right-radius: 24px;
}
.badge-container .badge-inner{
background-color: unset !important;
}
.badge-container .onsale{
    padding: 10px 10px;
    border-radius: 99px;
    font-size: 16px;
    font-weight: 600;
    background-color: var(--fs-color-secondary);

}
  
.woocommerce-message:focus-visible {
    outline: none;
}
.woocommerce-message:focus-visible {
    outline: none !important;
}
.section-sp-ngang .product-small del{
    display: none;
}
.section-sp-ngang .price-wrapper span.amount{
    color: #242424 !important;
}
.rating-score{
    color: #B4B4B4;
    margin-left: 6px;
}
#masthead .header-nav-main .ux-search-submit{
        color: white !important;
    background: #242424 !important;
    text-transform: inherit;
    padding: 3px 12px;
    /* max-height: 52px; */
    font-weight: 600;
    /* margin-left: -5px; */
    position: absolute;
    right: -24px;
    top: 8px;
    height: 40px;
    font-size: 13px;
}
.header-nav-main .search-field{
    height: 52px;
    border-color: #E0E0E0;
}
.product-small .price-wrapper span.amount{
     font-weight: 600;
    font-size: 23px;
}
.product-small  .price-wrapper ins span.amount{
    color: #EA3335;
    font-weight: 600;
    font-size: 23px;
}
.product-small  .price-wrapper del{
    text-decoration: unset !important;
}
.product-small  .price-wrapper del span.amount{
    color: #B4B4B4;
        margin-left: 10px;
        text-decoration: line-through;
    font-size: 19px !important;
    font-weight: 100 !important;
}
.related .box-text  .product-title a,.product-small.box-normal .box-text  .product-title a,.category-page-row .product-small .product-title a {
   overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
}
.product-small .box-text  .product-title a{
font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
}
.product-small.box-normal .box-text,.category-page-row .product-small .box-text,.related .product-small .box-text{
        padding: 20px !important;
        background: white;
        border-bottom-left-radius: 24px;
        border-bottom-right-radius: 24px;
}

.product-small.box-normal .box-image,.category-page-row .product-small .box-image,.related .product-small .box-image{
    background: #F2F2F2;
     border-top-left-radius: 24px;
        border-top-right-radius: 24px;
}
.product-small .add-to-cart-button a:hover{
        color:  rgba(36, 36, 36, 1) !important;
        background: #CCCCCC !important;
       border: 1px solid #B4B4B4 !important;
}
.product-small .add-to-cart-button a{
    color:  rgba(36, 36, 36, 1);
border: 1px solid #B4B4B4;
border-radius: 99px;
display: block;
width: 100%;
text-transform: inherit;
padding: 7px;
    line-height: 20px;
}
a.button.white i.icon-angle-right:before{
    content: '';
    position: absolute;
    
 right: -12px;
    top: 0;
    /* transform: translateY(-50%); */
    width: 16px;
    height: 16px;
    background-image: url(images/arrow-right.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: -8px;
}.section-title-normal a{
    padding-right: 30px;
}
.section-title-normal i{
    opacity: 1 !important;
}

.section-title-normal a:hover i.icon-angle-right:before{
    filter: brightness(0) saturate(100%) invert(56%) sepia(89%) saturate(2449%) hue-rotate(327deg) brightness(101%) contrast(101%);
}
.section-banner .flickity-viewport,.section-banner .banner,.section-banner .banner img,.section-banner .banner-inner,.section-banner .banner-bg{
    border-radius: 20px;
}
.section-banner-qc .banner .banner-bg{
        border-radius: 24px;
}
.section-sp-ngang .banner h3{
 font-size: 28px;
    font-weight: 600;
        line-height: 34px;
}
.section-sp-ngang .banner p{
     font-size: 16px;
    font-weight: 400;
}
.section-sp-ngang .banner a{
      font-size: 16px;
    font-weight: 600;
}
.section-banner-qc .banner h3{
    font-size: 19px;
    font-weight: 600;
}
.section-banner-qc .banner p{
    font-size: 13px;
    font-weight: 400;
}
.section-banner-qc .banner a{
    font-size: 13px;
    font-weight: 600;
}
 
.div-menu-danh-muc > .col-inner {
        background: white;
    border-radius: 20px;
    padding: 25px 32px;
}
.div-menu-danh-muc ul li{
    margin-left: 0px !important;
    border-top: unset !important;
        padding-top: 6px;
    padding-bottom: 6px;
}
.div-menu-danh-muc ul li a{
    font-weight: 600;
}
   .flickity-page-dots .dot,.div-dich-vu .div-anh-nho .dot,.section-lieu-trinh .flickity-page-dots .dot{
            border-color: #E0DFDF !important;
    background: #E0DFDF !important;
    opacity: 1 !important;
    height: 6px;
        width: 6px;
        margin: 2px;
    
    }
      .flickity-button{
        display: none;
     }
.flickity-page-dots{
        border-radius: 99px;
    width: max-content;
    margin: auto;
    padding: 4px 10px;
    background: #F8F7F7;
}
   
    .dot.is-selected, .div-anh-nho .dot.is-selected,.section-lieu-trinh .flickity-page-dots .dot.is-selected{
            background: #FF6666 !important;
    
    border-color: #FF6666 !important;
    width: 24px;
    height: 6px;
    border-radius: 99px;
     }
#wide-nav .flex-left{
    flex: unset !important;
}
.div-social .social-icons a{
      margin-right: 15px !important;
}
.custom-cursor {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #FF6666;
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 9999;
    transform: translate(-50%, -50%);
    transition: transform 0.2s ease-out, opacity 0.3s;
}



.animated-heading {
    display: inline-block;
}

.animated-heading .char-wrap {
    position: relative;
    display: inline-block;
}

.animated-heading .char {
    position: relative;
    display: inline-block;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-20px);
    transition: all 0.2s ease-out;
}

.animated-heading .char.animate {
    opacity: 1;
    visibility: inherit;
    transform: translateX(0px);
}

.animated-heading .space {
    display: inline-block;
    width: 0.3em;
}

/* Giữ nguyên style cho các thẻ đặc biệt */
.animated-heading .char-wrap.special-style {
    /* Kế thừa style từ thẻ gốc */
}


.banner {
    background-color: transparent;}
.portfolio-box:hover .box-image{
    transform: scale(1.1);
}
.portfolio-box .box-image{
transition: transform 0.5s ease;
}
.row-menu h4{
    text-transform: uppercase;
    color: #9D9D9D;
    font-weight: normal;
    font-size: 16px;
}
.row-menu .col{
    padding-bottom: 0px;
}

.header-bottom-nav > li > a{
    font-size: 16px;
}
.header-bottom-nav > li.menu-item  a:hover{
          color: var(--primary-color) !important;

}
#header .row-menu{
 background: white;
    margin-left: 0px !important;
    margin-right: 0px !important;
     border: unset;
    padding: 25px;

    z-index: 1;
    border-radius: 24px;
    width: 1286px !important;
    margin-left: -13px !important;
    border-top-left-radius: 35px;
    border-top-right-radius: 35px;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, .15);
}
.section-banner-qc .has-hover .bg, .section-banner-qc .has-hover [class*=image-] img {
    transition: filter .3s, opacity .3s, transform .3s, box-shadow .3s !important;
}
.section-banner-qc .bg-zoom:hover .bg, .section-banner-qc .has-hover:hover .image-zoom img {
    transform: scale(1.3);
}
.row-menu .ux-menu-link__link {
    font-weight: 600;
    border: unset !important;
}
.header-nav-main.nav-right .account-item a{
    display: block;
}
.header-nav-main.nav-right li{
    margin: 0px 6px !important;
}
.header-nav-main.nav-right li.account-item .header-account-title{
        font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
}
.header-nav-main.nav-right li.account-item .account-link,.header-nav-main.nav-right li.account-item .nav-top-not-logged-in {
    padding-left: 60px;
}
.header-nav-main.nav-right li.account-item:hover  .header-account-title{
        color: var(--primary-color) !important;
}
.header-nav-main.nav-right li.account-item:hover .header-account-sub{
    color: #1a1a1a;
}
.header-nav-main.nav-right li.account-item .icon-user{
     position: absolute;
    width: 48px;
    height: 48px;
    border: 1px solid #E6E6E6;
    border-radius: 99px;
    line-height: 46px !important;
    text-align: center;
    margin: auto;
    display: block;
    margin-left: -59px;
     margin-top: -6px;
}
.header-nav-main.nav-right li.account-item .icon-user:before{

     content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px; /* Điều chỉnh kích thước icon */
    height: 24px;
    background-image: url('images/person.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;}
    .header-wishlist-icon i.wishlist-icon:after{
            right: -23px !important;
    
    top: -25px !important;
    }
.header-wishlist-icon i.wishlist-icon:before{

content: '';
    position: absolute;
    right: -12px;
    top: 0;
    /* transform: translateY(-50%); */
    width: 24px;
    height: 25px;
    background-image: url(images/heart.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: -12px; 
}
.product-small .wishlist-icon .icon-heart-o:before{
    content: '';
    position: absolute;
    right: -8px;
    top: 0;
    /* transform: translateY(-50%); */
    width: 16px;
    height: 16px;
    background-image: url(images/heart.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: -7px;

}
.header-nav-main.nav-right li.cart-item > a,.header-nav-main.nav-right .header-wishlist-icon > a{
        width: 48px;
    height: 48px;
    border: 1px solid #E6E6E6;
    border-radius: 99px;
    line-height: 27px !important;
    text-align: center;
    margin: auto;
    display: block;
}

.header-nav-main  .icon-angle-down{
    display: none;
}
.header-nav-main  .menu-item-design-container-width .nav-dropdown{
    border: unset;
  box-shadow: unset;
      z-index: -1;
}
.product-small.box .top.right{
    opacity: 1;

}
.product-small.box .top.right .wishlist-button {
        border: unset;
    background: white;
    color: #000000;
}
.div-mo-ta-dau-trang img{
    margin-bottom: 0px !important;
}
.box-lam-viec .box-text-inner{
    background-color: rgba(251, 251, 251, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    padding: 20px 30px;
    border: unset;
    width: max-content;
    margin-left: -22px;
    margin-bottom: -20px;
    border-bottom-left-radius: 20px !important;
    border-top-right-radius: 20px !important;

}
.blog-archive .post-item .box-text-bottom .box-text{
    padding-bottom: 0px;
}
.blog-archive .post-item .box-overlay .box-text{
    padding-bottom: 30px;
}

.title-related{
    font-size: 28px ;
}
/* Box trước liệu trình (góc trái trên) */

.box-bac-si-home:hover h4 ,.box-bac-si-home:hover p{
    color: unset;
      

}
.box-bac-si-home h4{
    padding-bottom: 15px;
}
.box-bac-si-home:hover .box-text{
       background: #ffffff99;
}
.box-bac-si-home .box-text{
    bottom: 0px;
    background: #ffffff99;
    padding-top: 24px;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    width: 40%;
    margin-right: 0px;
    margin-left: unset;
    right: 0px;
    border-radius: 16px;
    text-align: left;
}
/* Box sau liệu trình (góc phải trên) */
.div-anh-to .text-overlay-after {
        border: 1px solid #C6C6C7;
    position: absolute;
    top: 20px;
    right: 20px;
    background: rgb(78 74 74 / 40%);
    backdrop-filter: blur(5px);
    color: white;
    padding: 15px 25px;
    border-radius: 8px;
    z-index: 10;
    font-size: 16px;
    font-weight: 600;
    display: none;
}

/* Style cho box được chọn */
.div-anh-nho .box.active-box {
    opacity: 0.7;
    transform: scale(0.95);
    transition: all 0.3s ease;
}

.div-anh-nho .box {
    cursor: pointer;
    transition: all 0.3s ease;
}
.div-anh-nho .box-text{
    display: none;
}
.div-anh-nho  .box-image{
        border-radius: 16px;
}
.div-anh-nho .box:hover .box-image{
    transform: scale(1.05);
}

/* Đảm bảo col-inner có position relative */
.div-anh-to .col-inner {
    position: relative;
}
 .portfolio-top{
        margin-top: -230px;
 }
 .portfolio-summary{
        background: #FBFAFA;
    border-radius: 20px;
        padding-top: 40px;
 }
 .div-thong-tin .featured_item_cats a{
        background: rgba(234, 234, 234, 1);
    font-weight: 600;
    padding: 8px 16px;
    color: rgba(26, 26, 26, 1);
    border-radius: 99px;
    font-size: 12px;
 }
  .thong-tin-them .col{
    padding-bottom: 10px;
  }
  .div-gioi-thieu .col-inner{
        border-bottom: 1px solid #F2F2F2;
        margin-bottom: 20px;
  }
    .wpcf7-form-control-wrap {
        position: relative;
        display: block;
    }
    
    .custom-placeholder {
        position: absolute;
        left: 12px;
        top: 28px;
        transform: translateY(-50%);
        color: rgba(0, 0, 0, 0.5);
        font-size: 16px;
        font-weight: 400;
        pointer-events: none; /* Không chặn click vào input */
        transition: opacity 0.2s ease, visibility 0.2s ease;
        z-index: 1;
        background: transparent;
        margin: 0;
        padding: 0;
        white-space: nowrap; /* Không xuống dòng */
    }
    
    /* Dấu sao đỏ */
    .custom-placeholder .required-star {
            color: rgba(255, 102, 102, 1);
    font-weight: 400;
    }
    
    /* Điều chỉnh cho textarea */
    .wpcf7-form-control-wrap:has(textarea) .custom-placeholder {
        top: 15px;
        transform: none;
    }
    
    /* Điều chỉnh cho select */
    .wpcf7-form-control-wrap:has(select) .custom-placeholder {
        pointer-events: none;
    }
    
    /* Responsive */
    @media (max-width: 768px) {
        .custom-placeholder {
            font-size: 13px;
            left: 10px;
        }
    }
.widget_related_products_same_category_widget{
    background: #F5F5F5;
    border-radius: 24px;
        padding: 20px;
}
.widget_related_products_same_category_widget h3{
    font-size: 16px;
    font-weight: 600;
}
.widget_related_products_same_category_widget ul li{
    position: relative;
    border-top: unset !important;
}
.widget_related_products_same_category_widget ul li:after{
       content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px; /* Điều chỉnh kích thước icon */
    height: 20px;
    background-image: url('images/arrow-chevron-right.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.row-form-lien-he .wpcf7-submit{
        position: absolute;
    right: 10px;
    left: unset;
    width: max-content;
    top: 9px;
      height: 40px;
    font-weight: 600 !important;    
}
.row-form-lien-he .wpcf7-submit{
     background-color: #6A6A6A !important;
}
.row-form-lien-he .wpcf7-submit:hover{
    background: unset;
    background-color: #6A6A6A !important;
}
.row-form-lien-he .wpcf7-email{
        height: 56px;
    border-radius: 99px;
    box-shadow: unset;
    border: unset;
}

.row-form-lien-he h3{
    font-size: 28px;
}
.row-form-lien-he {
      background-image: url(images/BG.png);
  
    background-repeat: no-repeat;
    background-position: center;
    padding: 30px;
    border-radius: 24px;
}
.widget_related_products_same_category_widget h4{
 
    font-weight: 500;
       font-size: 16px;
   margin-bottom: 0px !important;
}
.widget_related_products_same_category_widget .product-info{
    padding-top: 0px;
}

.widget_related_products_same_category_widget ul li{
       background: rgba(255, 255, 255, 0.5);
       padding: 16px;
       border-radius: 16px;
       margin-bottom: 16px;
}
.widget_related_products_same_category_widget li:hover h4 a,.widget_related_products_same_category_widget li.active h4 a{
 
    color: var(--primary-color);
    font-weight: 600;
}

.woocommerce-tabs .tab-panels{
    padding-top: 0px;
}
.row-cac-buoc {
    counter-reset: step-counter;
    position: relative;
}

.row-cac-buoc > .col {
    position: relative;
   padding-left: 110px;
    padding-bottom: 57px}
.row-cac-buoc > .col:last-child{
    padding-bottom: 0px !important;
}
.row-cac-buoc > .col:not(:last-child)::before {
      content: '';
    position: absolute;
    left: 54px;
    top: 45px;
    width: 8px;
    height: calc(100% - 63px);
    background: #FDF1F1;
    z-index: 1;
}
.row-cac-buoc > .col .col-inner p{
    font-size: 23px;
    color: rgba(0, 0, 0, 0.5);
}.row-cac-buoc > .col .col-inner p strong{
     color: #000000;
     font-weight: 600;
}
.row-cac-buoc > .col .col-inner::before {
       counter-increment: step-counter;
    content: "0" counter(step-counter) ".";
    position: absolute;
    left: -86px;
    top: -20px;
    width: 66px;
    height: 66px;
    background: white;
    color: #DD4646;
    border-radius: 50%;
    display: flex;
    font-weight: 500;
    align-items: center;
    justify-content: center;
      font-weight: 500 !important;
    font-size: 23px;
    padding: 4px;
    z-index: 2;
    box-sizing: border-box;
    border: 1px solid #F1F1F1;
}
.row-hieu-qua{
padding: 40px !important;
    border-radius: 24px;
    background: url(images/bg-hieu-qua.png);
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.row-hieu-qua .col{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.row-hieu-qua .col:nth-child(odd) .col-inner{
        box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.05);
    padding: 32px;
    background: white;
    border-radius: 20px;
    max-width: 590px;
}
.row-hieu-qua .col:nth-child(even) .col-inner{
        box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.05);
    padding: 32px;
    background: white;
    border-radius: 20px;
    max-width: 552px;
        margin-right: 0px;
    margin-left: auto;
}
.div-cong-nghe .col-inner{
    border-radius: 16px;
    border: 1px solid #E6E6E6;
    padding: 24px 24px 9px 24px;

}
.div-cong-nghe h4{
    font-weight: 600;
    font-size: 16px;
}
.div-cong-nghe .icon-box-left{
    padding-left: 10px;
}
.div-cong-nghe .icon-box {
    align-items: center;
    margin-bottom: 15px;
}
.div-cong-nghe .icon-box img{
    max-width: 16px;
}
.div-cong-nghe .icon-box h4{
    font-weight: 500 !important;
}
.div-thoi-gian .col{
    padding-bottom: 15px;
}
.div-thoi-gian .icon-box{
    align-items: center;
}
.div-thoi-gian .icon-box h4{
    font-size: 16px;
}
.header-wrapper.stuck{
        box-shadow: unset;
    background: transparent;
}
.box-bac-si{
    background: #FBFAFA;
    border-radius: 20px;
}
.box-bac-si:hover .box-text{

    background: #f6edeac2;
}
.box-bac-si:hover .box-text h4,.box-bac-si:hover .box-text p{
        color: #0d0d0d;
}
.box-bac-si .box-text{
    bottom: 0px;
    background: #f6edea70;
    padding-top: 24px;
        backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}
.portfolio-box:hover .box-text{
    background: #f6edea70;
}
.portfolio-box:hover .portfolio-box-category{
    color: rgba(0, 0, 0, 0.5);}
.portfolio-box .portfolio-box-category{
    color: rgba(0, 0, 0, 0.5);
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 400;
}
.portfolio-box .box-image{

        padding: 80px 40px;
}
.portfolio-box{
    background: #FBFAFA;
    border-radius: 20px;
}
.portfolio-box .box-text h6{
    color: #000000;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 10px;
    text-transform: capitalize;
}
.portfolio-box .box-text{
    bottom: 0px;
    background: #f6edea70;
    padding-top: 24px;
        backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}
.box-bac-si .box-image img{
    padding: 20px;
}
.banner-kien-dinh img,.banner-kien-dinh {
    border-radius: 20px !important;

}
.section-gia-tri .icon-box{
    padding-top: 30px;
        align-items: end;
        border-top: 1px solid #E6E6E6;
}
.section-hanh-trinh .icon-box-left img{
    padding-top: 0px;
    width: 18px;
}
.section-hanh-trinh .icon-box  strong{
    font-weight: 600 !important;
}
.section-hanh-trinh .icon-box{
    margin-bottom: 22px;
}
.div-cong-tac-vien > .col-inner{
    min-height: 284px;
    padding: 32px;
    border-radius: 24px;
}
.div-hop-tac > .col-inner{

    padding: 32px;
    border-radius: 24px;
}
.div-cong-tac-vien > .col-inner .icon-box:last-child{
    margin-bottom: 0px !important;
}
.section-thau-hieu ul li h4,.section-thau-hieu ul li h3{
    font-size: 23px;
    color: #575757;
    font-weight: 400;
}
.section-thau-hieu ul li p{
        font-size: 16px;
    color: #B4B4B4;
    margin-bottom: 0px;
}
.section-thau-hieu ul li{
       counter-increment: item;
       font-size: 23px;
    position: relative;
    padding-left: 47px;
    margin-left: 0px;
    margin-bottom: 25px;
}
.section-thau-hieu ul li:before{
     content: "0" counter(item) ".";
    color: #DD4646;
      font-weight: 500;
    font-style: italic;
    position: absolute;
    left: 0;
        top: 6%;
}
.section-thau-hieu ul{
       list-style: none;
    counter-reset: item;
    padding-left: 0;
}
.title-banner{
        font-size: 33px !important;
    font-weight: 600 !important;
    line-height: 45px !important;
}
.post-item .box-image a:after{
        content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, .3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
}
.post-item:hover .box-image a:after{
    height: 250%;
    transition: all 600ms 
linear;
    background-color: transparent;
}
.section-doi-tac-chien-luoc .post-item .box{
    padding: 20px;
    border-radius: 20px;
    background: white;
}
.section-doi-tac-chien-luoc .post-item .box .box-image{
    border-radius: 20px;
}
.section-doi-tac-chien-luoc .post-item .box h5{
    color: #242424;
    font-weight: normal;
}
.section-doi-tac-chien-luoc .post-item .box:hover h5 a{
        color: #242424;
    font-weight: normal;
}
.div-box-ung-dung .col-inner{

        background: white;
    padding: 32px 24px;
    border-radius: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.div-box-ung-dung .icon-box{
    align-items: center;
        margin-bottom: 20px;
}
.icon-box h4{
    font-weight: 600 !important;
}
.div-box-ung-dung .icon-box img{
    padding-top: 0px;
}
.div-box-ung-dung .icon-box p{
    margin-bottom: 0px;
}
.section-breacumbs{
        background: unset;
    border: unset;
}
.section-breacumbs .page-title-inner h1{
    margin-top: 10px;
}
.section-breacumbs .page-title-inner{
    display: block;
}
.section-breacumbs .page-title-inner .flex-right{
    text-align: left !important;
}
.woocommerce-breadcrumb a{
        text-transform: initial;
    color: #7C7C7C;
}
.woocommerce-breadcrumb{
    text-transform: capitalize;
    color: #7C7C7C;
    font-weight: normal;
        font-size: 16px;
}
.woocommerce-breadcrumb a{
        text-transform: capitalize;
}

 .section-page-title h1{
         text-transform: initial;
    font-size: 33px;
        margin-top: 10px;
 }

.blog-archive{
    padding-top: 0px;
}
.blog-archive .section-page-title{
    margin-bottom: 30px;
}
.blog-single,.blog-single .post{
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
}
.row-form .wpcf7-submit{
    text-transform: capitalize !important;
        padding: 7px;
}
.section-tin-lien-quan .post-item .box-image{border-radius: 20px;}
.section-tin-lien-quan .post-item{

    padding-bottom: 5px;
}
.section-tin-lien-quan .row{
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.wpcf7-submit {
         background: linear-gradient(to bottom, #2b2929 0%, #1A1A1A 50%, #000000 100%);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4), 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.5);
    border-radius: 25px;
    border: none !important;
    transition: all 0.2s 
ease;
    font-weight: normal !important;
    border-radius: 99px !important;
    text-transform: initial !important;
    box-shadow: unset;
    display: block;
    width: 100%;
}
.box-lam-viec .box-image{
border-radius: 20px;
}
.wpcf7-spinner{
    display: none;
}
.row-form .wpcf7-text{
        height: 56px;
    border-radius: 12px;
    box-shadow: unset;
        margin-bottom: 5px;
}
.row-form .col{
    padding-bottom: 10px;
}
.row-form .wpcf7-textarea{
        border-radius: 12px;
    box-shadow: unset;
          margin-bottom: 5px;
}
.featured-title{
    background-color: unset !important;
}
.single-product .nav-dark ul li a,.archive .nav-dark ul li a,.single-post .nav-dark ul li a{
        color: unset !important;
}
.header-nav-main.nav-left > li.menu-item > a{
    font-size: 16px;
    padding-right: 20px;
    color: #3E3E3E;
        text-transform: capitalize;
}


.section-tri-seo .icon-box{
    background: #F5F5F5;
     padding: 32px;
    border-radius: 20px;
}
.section-filler .icon-box{
        padding: 20px;
    border-radius: 20px;
    background: #F5F5F5;
    align-items: center;
}
.section-tri-seo .product-small.box .box-image{
        max-width: 52px;
        height: 52px;
        background: white;
    margin-left: 0px;
        padding: 10px;
    border-radius: 99px;
}
.section-tri-seo  .product-small.box .box-text{
    padding-bottom: 0px;
}
.section-tri-seo .product-small.box .product-title a{
        text-transform: initial;
    font-size: 19px;
    font-weight: 600;
}
.section-tri-seo  .product-small.box{
    background: #F5F5F5;
    padding: 32px;
    border-radius: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}
.section-filler  .product-small.box{
    display: flex;
}
.section-filler .product-small.box .box-text{
    padding-bottom: 0px;
}
.section-filler  .product-small.box .box-image{
  max-width: 52px;
        height: 52px;
        background: white;
    margin-left: 0px;
        padding: 10px;
    border-radius: 99px;
}
.section-filler  .product-small.box .product-title a{
        text-transform: initial;
    font-size: 19px;
    font-weight: 600;
}
.section-filler  .product-small.box{
    background: #F5F5F5;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}
.section-dieu-tri  .product-small.box .box-image{
        max-width: 52px;
        height: 52px;
        background: #F5F5F5;
    margin-left: 0px;
        padding: 10px;
    border-radius: 99px;

}


.section-dieu-tri  .product-small.box .product-title a{
        text-transform: initial;
    font-size: 19px;
    font-weight: 600;
}
.section-dieu-tri  .product-small.box .box-text{
    padding-bottom: 0px;
}
.section-dieu-tri  .product-small.box{
    background: white;
    padding: 32px;
    border-radius: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}
.section-dieu-tri .icon-box{
        background: white;
    padding: 32px;
    border-radius: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}
.section-page-title .title-overlay{
    background-color: unset;
}
.featured-title{
    text-shadow: unset;
}
.absolute-footer{
    display: none;
}
.section-tin-tuc .post-item .box-image{
    border-radius: 20px;
}

.section-dich-vu .box-image .overlay{
    border-radius: 25px;
}
.section-dich-vu .box .box-text{
        top: 15px;
    font-weight: 400;

}
div.tin-nhan{
    padding-left: 20px;
    padding-right: 20px;
}
div.tin-nhan p{
        color: rgba(0, 0, 0, 0.5);
}
.woocommerce-message:focus-visible,.woocommerce-error:focus-visible  {
    outline: none !important;
}
.woocommerce-message:focus-visible {
    outline: none !important;
}
.woocommerce-form-row  label{
    font-size: 16px;
}
.div-lost-pass .woocommerce-form-row{
margin-right: 0px !important;
width: 100% !important;
}
.woocommerce-form-register .woocommerce-button,.div-lost-pass .woocommerce-Button ,.woocommerce-form-login__submit{
        background: linear-gradient(to bottom, #3a3a3a 0%, #1A1A1A 50%, #000000 100%);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4), 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.5);
    border-radius: 25px;
    border: none;
    transition: all 0.2s 
ease;
    width: 100%;
    font-weight: normal;
    height: 48px;
    line-height: 48px;
        text-transform: initial;
}
a.button.secondary:not(.is-link):not(.is-outline):hover{
    background: #6A6A6A;
}
a.button.secondary:not(.is-link):not(.is-outline){
        background: linear-gradient(to bottom, #3a3a3a 0%, #1A1A1A 50%, #000000 100%);
    border-radius: 25px;
    border: none;
    transition: all 0.2s 
ease;
    font-weight: normal;
}
.is-divider{
    display: none ;
}
.header-button a span{
    font-size: 16px;
    text-transform: capitalize;
}
.header-button a{
    padding: 5px 20px;
}
.div-anh-nho .row{
    margin-left: 0px !important;
    margin-right: 0px !important;
    opacity: 1 !important;
}
#footer .social-icons a{
    margin-bottom: 0px;
    background: white !important;
     border: 1px solid #EEEEEE;
    color: #242424 !important;
        line-height: 32px;
  
    margin-right: 10px;
}
#footer .social-icons a:hover i{
        color: #242424 !important;
}
.section-giai-phap .icon-box{
        width: max-content;
    border: 1px solid #F2F2F2;
    padding: 10px 20px;
    border-radius: 99px;
    margin-bottom: 15px;
    align-items: center;
}
.section-giai-phap .icon-box img{
    padding-top: 0px;
}
.blog-archive .post-item .box-image{
    border-radius: 20px;
}
.post-goc-trom-via .post-item .post-title{
    font-weight: normal;
}
.post-goc-trom-via  .post-title a {
    position: relative;
    padding-right: 57px; /* Tạo khoảng trống cho icon */
    display: inline-block;
}

.post-goc-trom-via  .post-title a::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 48px; /* Điều chỉnh kích thước icon */
    height: 48px;
    background-image: url('images/icon-next.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#footer .widget_nav_menu{
        margin-bottom: 10px;
padding-left: 0px;
padding-right: 0px;
}
#footer .widget_nav_menu li{
    border-top: unset;
}
#footer .widget_nav_menu li a{
    text-transform: initial;
}
.title-normal{
    font-size: 40px;
}
.title-footer{
    text-transform: capitalize;
    font-size: 16px;
}
.title-home-small{
    font-size: 23px;
}
.title-home{
    font-size: 33px;
}
#footer p{
    margin-bottom: 15px;
}
.p-hotline{

    font-size: 28px;
    color: #FF6666;
    font-weight: 600;
}
.single-page h3,.single-page h2{
       font-size: 33px;
}
.single-page p{
    color: rgba(0, 0, 0, 0.5);
}
.single-page .icon-box p{
    color: rgba(17, 17, 17, 1) !important;
}
.single-page{
    padding-top: 0px;
    padding-bottom: 0px !important;
}
.single-page h3 span,.single-page h2 span{
        background: linear-gradient(to bottom, #FF6666,#FFBCBC );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.div-sologan  > .col-inner{
        background-image: url('images/BG-1.jpg');
    padding: 48px;
    border-radius: 16px;
}
.div-sologan  h3{
    font-size: 33px !important;
    line-height: 40px;
}
.div-sologan p{
    margin-bottom: 0px;
}
.div-tinh-trang > .col-inner{
        background: #F5F5F5;
    padding: 32px 20px;
    border-radius: 24px;
}
.div-tinh-trang > .col-inner .icon-box:last-child{
    border-bottom:unset;
   padding-bottom: 0px;
   margin-bottom: 0px;
}
.div-tinh-trang .icon-box {
    border-bottom: 1px solid #DCDCDC;
    margin-bottom: 24px;
    padding-bottom: 24px;
         color: rgba(0, 0, 0, 0.5);
}
.div-tinh-trang ul li{
     color: rgba(0, 0, 0, 0.5);
     margin-bottom: 5px;
}
.div-tinh-trang .icon-box p{
    margin-bottom: 0px;
    color: rgba(0, 0, 0, 0.5);
}
.div-tinh-trang .icon-box h4{
    color: rgba(26, 26, 26, 1);
        font-size: 16px;
}
.box-icon-small img{
    max-width: 18px;
    padding-top: 0px;
}
footer.entry-meta{
    display: none;
}
.title-home span{
         background: linear-gradient(360deg, #FFBCBC 0%, #FF6666 2.41%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.section-dong-hanh .img img{
    border-radius: 20px;
}
.portfolio-single-page h2,.portfolio-single-page h3{
        font-size: 40px;
}
.portfolio-single-page h2 span,.portfolio-single-page h3 span{
        background: linear-gradient(to bottom, #FF6666,#FFBCBC );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

}
.div-trich-dan p{
    margin-bottom: 0px;
}
.div-trich-dan h3{
      font-size: 40px !important;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.75);
    line-height: 48px;;
}
.div-trich-dan > .col-inner{
        border-radius: 16px;
    padding: 48px 32px;
    background: #F5F5F5;
}
.section-lieu-trinh .box-category{
       background: #F5F5F5;
    padding: 28px;
    border-radius: 20px;
}
.section-lieu-trinh .box-category .box-text{
    padding-bottom: 0px;
}
.section-lieu-trinh .box-category .box-text h5{
    text-transform: initial;
        font-size: 17px;
        font-weight: 600;
}
.section-lieu-trinh .box-category .box-image{
        max-width: 60px;
    margin-left: 0px;
}
.div-box .icon-box {
        background: #F5F5F5;
    padding: 32px;
    border-radius: 20px;
}
.box-van-chuyen .icon-box {
        background: white !important;}
.section-title-normal span{
    border-bottom: unset;
    text-transform: initial;
}
.section-title-normal{
    border-bottom: unset;
}
span.amount{
    color:#FF6666;
}
.div-no-padding{
    padding-bottom: 0px;
}
#billing_address_1_field{
    width: 100%;
}
.div-mong-muon h3,.div-mong-muon h4{
    font-size: 16px !important;
    font-weight: 600;
}
.div-mong-muon .icon-box{
        align-items: center;
}
.div-mong-muon > .col-inner{
    background: #F5F5F5;
    padding: 32px;
    border-radius: 16px;
}
.div-text-number{
    background: #F5F5F5;
    padding: 24px;
    border-radius: 16px;
    margin-bottom: 20px;
}
.div-text-number p{
    margin-bottom: 0px;
}
.div-text-number .p-dem{
    color: rgba(13, 13, 13, 1);
    font-weight: 600;
    font-size: 33px;
}

.single-date{
        border-bottom: 1px dashed #ededed;
}

/*Kết thúc màu sắc*/



footer.entry-meta {

    border-top: none !important;
    border-bottom: 1px dashed #ececec !important;
    
}


.duong-line {
    background: rgba(0,0,0,0) url(images/line.png) repeat scroll 0 0;
    height: 12px;
    margin-top: 5px;
    overflow: hidden;
}
.related-post h7{
	font-weight: bold;
	    font-size: 18px;
    float: left;
    margin: -8px 20px 0 0;
}

@media(min-width: 1023px){
    span.header-cart-icon{
        
    margin-top: -6px;
    }
    .section-title-main br{
        display: none;
    }
    .div-xem-them{
        padding-right: 40px;
    }
    .div-footer-1 > .col-inner{
        border-right: 1px solid #F2F2F2;
        padding-right: 20px;
    }
    .div-footer-2 > .col-inner{
padding-left: 20px;
    }
    .blog-single .entry-header{
        width: 70%;
    margin: auto;
    }
    .page-template-page-my-account .woocommerce-error {
        width: 50%;
    margin: auto;
}
.woocommerce-form-login-toggle {
    display: none !important;
}
.div-cart-left,.div-checkout-left{
            flex-basis: 65%;
        max-width: 65%;
}
.cart-collaterals,.div-checkout-right{
      flex-basis: 35%;
        max-width: 35%;
}
    .div-social .col-inner{
        position: absolute;
    bottom: 90px;
    }
    .box-category-dich-vu .product-category {
                

            padding-top: 65px !important;
    }
    .box-category-dich-vu .product-category .box{
                    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);

    }
    .box-category-dich-vu .product-category:hover .box{
            margin-top: -50px;
                

    }
   .section-lieu-trinh .flickity-prev-next-button.previous{
        left: unset;
 transform: unset !important;
    right: 100px;
    }
       .section-lieu-trinh .flickity-prev-next-button.next{
         transform: unset !important;
       }
              .section-lieu-trinh .flickity-prev-next-button.next{
                          background-image: url(images/next.png);
        width: 56px;
        height: 56px;

              }
                               .section-lieu-trinh .flickity-prev-next-button svg{
                                display: none;
                               }
                 .section-lieu-trinh .flickity-prev-next-button.previous{
                          background-image: url(images/previous.png);
        width: 56px;
        height: 56px;

              }
    .section-lieu-trinh .flickity-button{
        opacity: 1 !important;
                   top: 55px;
        bottom: unset
    }
    .section-lieu-trinh .flickity-page-dots{
        display: none;
    }
    .section-hanh-trinh .div-box .icon-box{
min-height: 382px;
    }
    .div-box-ung-dung {
        padding-bottom: 68px !important;
    }
.div-box-3 .col-inner{
    margin-left: auto !important;
    margin-right: 0px !important;
}
.div-box-4 .col-inner{
    margin-left: auto !important;
    margin-right: 0px !important;
}
.div-box-5 .col-inner{
    margin-left: auto !important;
    margin-right:auto !important;
}
.div-box-6 .col-inner{
    margin-left: auto !important;
    margin-right:auto !important;
}

    .div-dich-vu-3{
    flex-basis: 44%;
    max-width: 44%;}
    .div-dich-vu-1,.div-dich-vu-2{
        flex-basis: 28%;
    max-width: 28%;
    }
}
.icon-equalizer:before {
    content: '';
    background-image: url('images/filter.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 16px; /* Điều chỉnh kích thước theo ý bạn */
    height: 16px;
    position: absolute;
    top: -12px;
}
  .mobile-sticky-cart {
        display: none;
        position: fixed;
        bottom: 62px;
        left: 0;
        right: 0;
        background: #fff;
        box-shadow: 0 -2px 10px rgba(0,0,0,0.15);
        z-index: 9999;
        padding: 10px 15px;
        opacity: 0;
        visibility: hidden;
        transform: translateY(100%);
        transition: all 0.3s ease;
    }
    
    .mobile-sticky-cart.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
    
    .mobile-sticky-cart .cart-buttons-wrapper {
        display: block;
     
        margin: 0;
    }
    
    .mobile-sticky-cart .button {
    margin: 0 !important;
    padding: 6px 20px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    white-space: nowrap;
    width: 100%;
    margin-bottom: 10px !important;
    border-radius: 99px;
    text-transform: inherit;
    }
    
    /* Nút thêm vào giỏ - style giống theme */
    .mobile-sticky-cart .single_add_to_cart_button {
        background: #fff;
        color: #333;
        border: 2px solid #333 !important;
    }
    
    .mobile-sticky-cart .single_add_to_cart_button:hover {
        background: #333;
        color: #fff;
    }
    
    /* Nút mua ngay - style giống theme */
    .mobile-sticky-cart .buy_now_button {
        background:  var(--fs-color-secondary);
        color: #fff;
    }
    
    .mobile-sticky-cart .buy_now_button:hover {
        opacity: 0.9;
    }
    
    /* Chỉ hiện trên mobile */
    @media (min-width: 768px) {
        .mobile-sticky-cart {
            display: none !important;
        }
    }
    
    @media (max-width: 767px) {
        .mobile-sticky-cart {
            display: block;
        }
        
        /* Thêm padding bottom cho body */
        body.single-product {
            padding-bottom: 80px;
        }
    }
    
    /* Loading state khi click */
    .mobile-sticky-cart .button.loading {
        opacity: 0.6;
        pointer-events: none;
        position: relative;
    }
    
    .mobile-sticky-cart .button.loading:after {
        content: "";
        position: absolute;
        width: 16px;
        height: 16px;
        top: 50%;
        left: 50%;
        margin-left: -8px;
        margin-top: -8px;
        border: 2px solid currentColor;
        border-right-color: transparent;
        border-radius: 50%;
        animation: rotate 0.6s linear infinite;
    }
    
    @keyframes rotate {
        to { transform: rotate(360deg); }
    }


@media(max-width: 850px){
 input.form-check-input {
    --form-check-bg: transparent;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    min-width: 24px; /* Thêm dòng này */
    min-height: 24px; /* Thêm dòng này */
    max-width: 24px; /* Thêm dòng này để chắc chắn */
    max-height: 24px; /* Thêm dòng này để chắc chắn */
    margin: 0;
    vertical-align: middle;
    margin-bottom: 2px;
    margin-right: 8px !important;
    appearance: none;
    -webkit-appearance: none; /* Thêm cho iOS */
    background-color: var(--form-check-bg);
    background-image: var(--form-check-image);
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #E2E2E2;
    border-radius: 5px;
    print-color-adjust: exact;
    background-size: 60% 60%;
    display: inline-block; /* Thêm dòng này */
}
    form.cart .single_add_to_cart_button, .wishlist_table .add_to_cart{
        margin-bottom: 10px !important;
    }
.div-sp-phai .price-wrapper{
    margin-top: 25px;
}
        .cart-popup-inner--sticky .ux-mini-cart-footer {
        background-color: transparent;}
    .shop_table .product-name a {
    font-size: 13px;
}
    .product-thumbnails a, .product-thumbnails img {
    border-radius: 10px;
}
    .woocommerce-breadcrumb a {
    text-transform: capitalize;
    font-size: 13px;
    color: rgba(36, 36, 36, 1) !important;
}
  .woocommerce-breadcrumb {
   text-transform: capitalize;
    font-size: 13px;
    color: rgba(36, 36, 36, 1) !important;
}
    .custom-select-selected{
        font-size: 13px;
    }
    #search-lightbox .flex-row .flex-col:last-child{
        display: none;
    }
    .nav-right .header-search{
        display: none;
    }
.ul-menu-mobile li{
        width: 20%;
display: block;
text-align: center;

}

.ul-menu-mobile li img{
    width: 16px;
    height: auto;
}
.ul-menu-mobile li span{
    display: block;
    font-size: 11px;
}
.ul-menu-mobile{
            margin-bottom: 0px;
             position: fixed;
        bottom: 0px;
        display: flex;
        background: white;
        z-index: 1;
        width: 100%;
        border-top: 1px solid rgba(0, 0, 0, 0.05);
        padding-top: 10px;
}
  .category-filtering  a strong{
    padding-left: 15px;
  }
    .category-filtering  a{
                font-size: 13px;
            text-transform: inherit;
    letter-spacing: unset;
    }
    .product-small .price-wrapper del {

    display: block;
    margin-top: 6px;
}
    .div-breacrumbs-danh-muc .woocommerce-breadcrumb {
        text-align: center;
    }
    .category-filtering{
           border-top: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    margin-top: 30px; 
    }
    .woocommerce-result-count{
        display: none;
    }
    .stock-status-text .in-stock{
        font-size: 13px !important;
    }
    form.cart .ux-quantity__button{
            min-width: 30px;
    }
    form.cart .input-text{
        min-width: 85px;
    }
    .message-container.success-color{
    display: none
    }
    .shop_table .cart_item td:not(.product-quantity){
            border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
    }
    .shop_table tr{
        position: relative;
    }
     .mobile-product-price del, .mobile-product-price del span{
        color: #B4B4B4;
     }
      .mobile-product-price ins{
              display: block;
      }
    .mobile-product-price ins span.amount{
      font-size: 16px;
    color: #242424;
    }
    .shop_table_responsive.cart thead{
        display: none;
    } 
    .shop_table_responsive.cart .product-quantity{
            position: absolute;
    right: 0px;
    top: 43px;
    }
     .shop_table_responsive.cart .product-remove {
        /* display: none; */
        position: absolute;
        left: 2px;
        top: 7px;
    }
    .cart-collaterals-inner .wc-proceed-to-checkout .checkout-button {
    font-size: 13px;
    min-height: 40px !important;
    max-height: 40px !important;
    height: 40px !important;
    line-height: 40px !important;

 
}
.shop_table .ux-quantity__button {
    min-height: 48px !important;}
.shop_table .input-text{
    min-height: 48px !important;
}
.cart-collaterals-inner .button-continue-shopping{
      font-size: 13px;
    min-height: 40px !important;
    max-height: 40px !important;
    height: 40px !important;
    line-height: 40px !important;  
}
    .div-cart-left .ux-cart-coupon button{
        margin-top: -70px !important;
    }
    .div-cart-left .ux-cart-coupon .coupon{
        display: block;
                margin-top: 60px;
    }
    .div-cart-left .ux-cart-coupon .widget-title{
        display: block;
    }
    .row-form-lien-he .wpcf7-email {
    font-size: 13px;}
    .div-form-lien-he{
        padding-left: 0px !important;
    }
    .section-form-lien-he{
    padding: 15px !important;
    }
    a.xoa-tat-ca{

    margin-top: -134px
    }
    .row-form-lien-he{
        padding: 15px 10px !important;
    }
     .row-form-lien-he form{
        margin-bottom: 0px !important;
     }
     .cart_totals .wc-proceed-to-checkout {
    margin: 20px 0px;
}
  .row-form-lien-he p{
    margin-bottom: 0px !important;
  }
    .row-form-lien-he .wpcf7-submit {
    position: absolute;
    right: 2px;
        font-size: 13px;
    top: 11px;
    height: 44px;
 
    margin-right: 0px;
}
    .auth-button{
        font-size: 13px !important;
        margin-right: 0px !important;
        height: 40px !important;
        line-height: 40px !important;
    }
    .woocommerce-checkout-review-order-table .order-total span.amount {
    font-size: 19px;
}
    .order-review-heading, .payment_methods.methods h3 {
    font-size: 19px !important;
}
    .page-id-12 #content,.div-checkout-right{
        padding-bottom: 0px !important;
    }
    .woocommerce-privacy-policy-text,.woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-checkbox-text{
        font-size: 13px;
    }
    .woocommerce-form-login-toggle{
        display: none;
    }
    .custom-checkout-auth-section h3{
        font-size: 19px !important;
    }
    .page-id-13 .page-wrapper.my-account{
        padding-top: 0px;
    }
    form.lost_reset_password{
        padding-bottom: 0px;
        padding-top: 0px !important;
    }
    .woocommerce-form-register .woocommerce-button, .div-lost-pass .woocommerce-Button, .woocommerce-form-login__submit{
        font-size: 13px;
            height: 44px;
    line-height: 44px;
    }
    .woocommerce-form-register .woocommerce-form__label-for-checkbox {
    font-size: 13px;
}
    .woocommerce-form-register .input-text, .woocommerce-form-login .input-text, .woocommerce-ResetPassword .input-text{
        font-size: 13px;
    }
    .woocommerce-form-row label {
    font-size: 13px;
}
    .woocommerce-form-login__submit{
            margin-top: 20px !important;
    margin-bottom: 10px !important;
    }
    .account-login-inner .woocommerce-LostPassword{
            margin-top: -36px;
    }
    div.tin-nhan p {
    font-size: 13px;
 
}
    .section-page-title .title-wrapper,.section-breacumbs .title-wrapper{
        padding-top: 30px;
    }
    .rank-math-breadcrumb{
        font-size: 13px;
    }
    .row-breacumb-dang-nhap{
        padding-top: 0px !important;
    }
    .post-item .post-title{
        font-size: 19px;
    }
    #post-list .box-image .image-cover,.section-tin-lien-quan .box-image .image-cover{
        padding-top: 50% !important;
    }
    .box-cam-nang .image-zoom img{
            bottom: 0;
    font-family: "object-fit: cover;";
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    }
    .box-cam-nang .image-zoom{
            background-position: 50% 50%;
    background-size: cover;
    height: auto;
    overflow: hidden;
    padding-top: 45%;
    position: relative;
    }
    .blog-single .entry-header {
                padding-bottom: 10px !important;
    margin-bottom: 10px !important; }
    .post-item .box-text ul{
        margin-bottom: 0px;
    }
    .blog-archive .large-12.col{
        padding-bottom: 0px;
    }
    .div-tru-so{
            margin-left: 15px;
    margin-right: 15px;
    }
    .div-form-ten {
        padding-right: 0px;
    }
    .social-lien-he span{
        display: block;
        margin-bottom: 10px;
    }
    h4{
        font-size: 19px !important;
    }
    .title-chuyen-khoan.title-left {
    border-top-left-radius: 17px;
    border-top-right-radius: 17px;
}
.title-chuyen-khoan.title-right{
    border-top-left-radius: 17px;
    border-top-right-radius: 17px; 
}
.section-ck{
        padding-left: 10px !important;
    padding-right: 10px !important;
}
.row-chuyen-khoan{
    border: unset !important;
}
.row-chuyen-khoan .div-ck-1{
        border-radius: 17px;
        background: white;
  
    margin-bottom: 20px;
    border: 1px solid #EEEEEE;
}
.row-chuyen-khoan .div-ck-2{
        border-radius: 17px;
        background: white;
  
    margin-bottom: 20px;
    border: 1px solid #EEEEEE;
}

        .shop_table tr.shipping th {
        width: 40%;
    }
    .cart-collaterals-inner{
        margin-top: 10px;
            padding: 10px;
    }
    .div-cart-left .ux-cart-coupon .input-text{
        font-size: 14px;
    }
    .div-cart-left .ux-cart-coupon .coupon{
        width: 100%;
    }

    .product-small.box-normal .box-text, .category-page-row .product-small .box-text, .related .product-small .box-text{
        padding: 10px !important;
    }
    .table-scroll-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Smooth scroll trên iOS */
    margin-bottom: 20px;
}

/* Đảm bảo table không bị co lại */
table.shipping-methods-table {
    width: 100%;
    min-width: 700px; /* Chiều rộng tối thiểu để hiển thị đầy đủ */
    border-collapse: collapse;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ddd;
}

/* Style cho scrollbar trên desktop */
.table-scroll-wrapper::-webkit-scrollbar {
    height: 8px;
}

.table-scroll-wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.table-scroll-wrapper::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

.table-scroll-wrapper::-webkit-scrollbar-thumb:hover {
    background: #555;
}
       table.shipping-methods-table {
        font-size: 13px;
        min-width: 650px; /* Điều chỉnh nếu cần */
    }
    
    table.shipping-methods-table th,
    table.shipping-methods-table td {
        padding: 10px 8px;
        white-space: nowrap; /* Không cho text xuống dòng */
    }
    
    /* Thêm hint cho user biết có thể scroll */
    .table-scroll-wrapper::after {
        content: '← Vuốt để xem thêm →';
        display: block;
        text-align: center;
        padding: 10px;
        color: #999;
        font-size: 12px;
        font-style: italic;
    }
         ul.product-tabs li, ul.product-tabs li a{
            border-bottom: unset;}
    ul.product-tabs li a{
        border-left: 1px solid transparent;
        padding-left: 10px !important;
    }
     ul.product-tabs li:hover a{
        border-left: 1px solid var(--fs-color-secondary);

     }
     ul.product-tabs li a:before{
display: none;     }
    .div-sp-phai{
        padding-top: 20px;
        padding-bottom: 0px;
    }
  
     form.cart .cart-buttons-wrapper .buy_now_button{
        margin-top: 10px !important;
     }
    form.cart .cart-buttons-wrapper button{
        width: 100%;
    }
    form.cart .cart-buttons-wrapper {
    display: block;}
    .off-canvas .nav-vertical>li>a {
   text-transform: initial;
    font-size: 15px;
    color: #242424;
}

     .div-slider .banner{
        padding-top: 400px !important;
     }
     .div-slider .banner h2 {
    font-size: 30px;
    line-height: 34px !important;
}
.div-slider .banner .img{
    width: 57% !important;
    right: -20px !important;
}
    .div-slider .banner .text-box{
        width: 80% !important;
                top: 30% !important;
    }
    .related .box-text .product-title a, .product-small.box-normal .box-text .product-title a, .category-page-row .product-small .product-title a,.product-small .box-text .product-title a {
    font-size: 13px;}
    .div-breacrumbs-danh-muc{
        padding-bottom: 0px !important;
    }
    .woocommerce-result-count{
        font-size: 13px;
    }
    .row-form-lien-he{
        background-position: unset !important;
    }
    .accordion a.accordion-title{
        font-size: 13px;
    }
    .accordion .accordion-item p{
            font-size: 13px;
    }
    .title-home-small {
    font-size: 18px;
}
    .section-page-title h1{
        font-size: 28px;
    }
    .product-small .price-wrapper ins span.amount {
    color: #EA3335;
    font-weight: 600;
    font-size: 19px;
}
.product-small .price-wrapper del span.amount {
         font-size: 16px !important;
        margin-left: 0px !important;
 
}
    .badge-container .onsale {
    padding: 8px 7px;
    border-radius: 99px;
    font-size: 12px;
    font-weight: 600;
}
    .row-form-lien-he h3 {
    font-size: 23px;
}
    .mobile-nav .account-item{
        margin-left: 15px;
    }
    .mobile-nav .account-link-mobile {
        margin-right: -10px;
    }
    .mobile-nav .icon-user:before{

     content: '';
    position: absolute;
     right: 7px;
    top: 45%;
    transform: translateY(-59%);
    width: 22px;
    height: 26px;
    background-image: url('images/person.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;}
    .section-title-normal span{
            font-size: 23px;
    }

     .section-title-normal a{
      display: none;
     }
    .row-form-lien-he{
        background-size: cover;
    }
    .div-social .col-inner{
        text-align: left;
    }
    .div-sologan h3 {
    font-size: 28px !important;}
    .custom-cursor{
        display: none;
    }
    .div-button-xem-them{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .section-tin-lien-quan .col{
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-bottom: 0px !important;
    }
    .div-button-xem-them a.button{
        width: 100%;
    }
    .box-bac-si-home .box-text h4{
        padding-bottom: 0px;
    }
    .box-bac-si-home .box-text{
            width: 100%;
            border: 1px solid #EAEAE9;
    text-align: center;
    }
    .banner-kien-dinh  .title-banner{
        font-size: 33px !important;
    }
    .banner-kien-dinh .text-box{
        width: 60% !important;
    }
.mobile-nav .nav-icon a{
        color: #242424 !important;
}
    .thong-tin-them .col {
    padding-bottom: 10px;
    font-size: 13px;
}
    .portfolio-top {
    margin-top: -310px;
}
    .portfolio-single-page h2, .portfolio-single-page h3{
        font-size: 33px;
        line-height: 40px;
    }
    .box-danh-muc p:after{
        top: 106% !important;
    }
    .box-danh-muc:hover p{
        transform: unset;
    }
    .category-page-row .product-small.box{
        min-height: 224px;
    }
.box-danh-muc .box-image img{
    border-radius: 16px;
       width: 100% !important;
        height: 346px !important;
        object-fit: cover !important; /* Cắt đầu đuôi, giữ tỷ lệ */
        object-position: center !important; /* Căn giữa ảnh */
}
.box-danh-muc p{
    opacity: 1 !important;
}

    .div-text-number .p-dem{
        font-size: 28px;
    }
    .title-related{
        font-size: 23px;
    }
    .div-trich-dan h3{
        font-size: 23px !important;
    }
    .div-mong-muon p{
        font-size: 13px; 
    }
    .div-mong-muon .icon-box-img img{
        border-radius: 20px;
    }
    .div-mong-muon .icon-box-img{
   margin-top: 15px;
        margin-left: 0px;
        width: 100% !important;
        border-radius: 20px !important;
        max-width: 100%;;
    }
    .div-mong-muon .icon-box-text{
        padding-right: 0px;
    }
    .blog-single .section-page-title{
        height: 432px;
    }
    .single-page h3, .single-page h2{
           font-size: 28px;
        line-height: 40px;
    }
    .box-lam-viec .box-text-inner{
            padding: 8px 30px;

    width: 85%;
    }
    .row-form .wpcf7-text{
        font-size: 13px;
    }
    .row-cac-buoc > .col {
        padding-bottom: 30px;
    }
    .row-cac-buoc > .col .col-inner::before{
        top: 2px;
    }
    .row-cac-buoc > .col:not(:last-child)::before{
       height: calc(100% - 23px); 
    }
      .row-cac-buoc > .col .col-inner p strong{
        display: block;
      }
    .row-cac-buoc > .col .col-inner p {
    font-size: 19px;}
    .row-hieu-qua .col{
        padding-bottom: 20px;
    }
     .row-hieu-qua .icon-box-left{
        display: block;
     }
    .row-hieu-qua {
    padding: 20px !important;
    border-radius: 16px;}
    .div-thoi-gian p {
    font-size: 13px;
}
    .div-thoi-gian .icon-box h4 {
    font-size: 13px;
}
   .section-dong-hanh .section-bg img{
        display: none;
    }
    .section-dong-hanh .section-bg{
        background-image: url('images/nendonghanh.jpg');
background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    }
    .section-dieu-tri .section-bg img{
        display: none;
    }
    .section-dieu-tri .section-bg{
        background-image: url('images/nen-dieu-tri.jpg');
background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    }
    .section-dieu-tri .product-small.box{
        min-height: 195px;
    }
    .section-filler .product-small.box .box-text {
    padding-left: 15px;
}
    .section-dieu-tri .section-bg  img{
            object-fit: unset !important;
    }
    .section-giai-phap .icon-box{
        width: auto !important;
    }
    #header.show-on-scroll, #header .stuck .header-main {
    height: 61px !important;
}
 #header .stuck #logo img {
    max-height: 45px !important;
}

    .div-anh-nho .slider .col{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .section-bac-si a.button,.section-tin-tuc a.button{
        width: 100%;
    }
    .section-doi-ngu{
        padding-bottom: 0px !important;
    }
    .section-filler{
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .section-dieu-tri .product-small.box .product-title a{
        font-size: 16px;
    }
    .section-tri-seo .product-small.box .product-title a {

    font-size: 16px;}
    .title-normal{
           font-size: 33px;
        text-align: center;
        line-height: 40px;
    }
    .section-lieu-trinh .box-category .box-text h5{
        font-size: 16px;
    }
   .section-thau-hieu ul li h4, .section-thau-hieu ul li h3 {
    font-size: 19px;}
    .title-home br.show-for-small{
        display: block !important;
    }
    .section-hanh-trinh{
        padding-bottom: 0px !important;
    }
.page-template-page-transparent-header .section-page-title .page-title-inner,.category .section-page-title .page-title-inner,.section-header-small .section-page-title .page-title-inner,.single-product .section-page-title .page-title-inner {
            min-height: 100px !important;
    }
    .section-page-title .page-title-inner {
            min-height: 100px !important;
    }
    .title-home.title-insight span ,.title-home.title-bac-si span {
        display: block;
    }
    .section-page-title h1{
        margin-top: 0px;
    }
.section-hanh-trinh{
    padding-top: 0px !important;
}
    .title-home {
           font-size: 28px;
            line-height: 40px;
}
.portfolio-box .box-text h6{
    font-size: 16px;
}
.portfolio-box .portfolio-box-category{
    font-size: 13px;
}

.section-hanh-trinh .button{
    width: 100%;
}
.section-hanh-trinh .icon-box {
    margin-bottom: 15px;
}
.section-gia-tri .title-home{
    font-size: 28px !important;
}

.section-thau-hieu .col{
    padding-bottom: 0px;
}
.section-thau-hieu ul li {
   
    font-size: 19px;

    padding-left: 36px;

    margin-bottom: 20px;
}
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}