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

/*************** ADD CUSTOM CSS HERE.   ***************/


@font-face {
    font-family: "Helvetica Neue";
    src: url("/wp-content/themes/flatsome-child/assets/font/helvetica-neue-regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Helvetica Neue";
    src: url("/wp-content/themes/flatsome-child/assets/font/helvetica-neue-medium.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Helvetica Neue";
    src: url("/wp-content/themes/flatsome-child/assets/font/helvetica-neue-bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
.nav>li>a,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Helvetica Neue', sans-serif;
    font-weight: 600;
}
p,
strong,
button,
li {
    font-family: 'Helvetica Neue', sans-serif;
    font-weight: 400;
}

strong
{
    font-family: 'Helvetica Neue', sans-serif;
    font-weight: 700;
}

.header-main .form-flat input:not([type=submit]) {
    background-color: white !important;
    font-size: 16px;
    height: 41px;
    text-indent: 10px;
    color: #292929 !important;
    border-radius: 4px;
}
h3.title-relate {
    background: none !important;
    padding: unset !important;
    border: unset !important;
}
.header-block {
    width: 140px !important;
    margin-right: 25px !important;
}
.header-block .icon-box-text h5 {
    margin-bottom: 2px;
    text-transform: inherit;
    color: #fff;
}
.header-block .menu-header .icon-box-text {
    display: flex;
    align-items: center;
}
.col-block {
    padding: 0;
}
.header-block {
    min-height: 15px;
}
.menu-header .icon-box {
    background: #ffffff36;
    border-radius: 99px;
    padding: 5px;
    cursor: pointer;
}
.desc-wrapper {
    font-size: 14.4px;
}
a.account-order-header {
    width: 90px;
    color: #fff !important;
    text-align: center;
    line-height: 12px;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    position: relative;
    font-size: 12px !important;
    padding: 7px !important;
}
li.account-item {
    color: #fff !important;
    text-align: center;
    line-height: 12px;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    position: relative;
    font-size: 15px !important;
    padding: 0px 6px !important;
}
li#menu-item-89 {
    border: 1px solid rgba(255, 255, 255, 0.4);
    padding: 0 10px;
    border-radius: 3px;
}
li#menu-item-89 a.nav-top-link {
    padding: 10px 0 !important;
}
ul.header-nav.header-nav-main.nav.nav-right.nav-uppercase > li:not(:last-child)::after {
    content: "|";
    margin: 0 4px;
    color: #ccc;
}
.absolute-footer {
    display: none;
}
.content-sale {
    background: #ffcc00;
    overflow: hidden;
    position: relative;
    padding: 4px 0;
    font-weight: bold;
    color: #000;
    z-index: 999;
    text-align: center;
    font-size: 14px;
}

.marquee-content {
    display: inline-block;
    white-space: nowrap;
    padding-left: 100%;
    animation: marquee 15s linear infinite;
}
li.cart-item.has-icon a.header-cart-link, li.nav-icon.has-icon i.icon-menu {
    color: #fff;
}
li.cart-item.has-icon a.header-cart-link {
    background: #090d1466 !important;
    border: 0;
}

@keyframes marquee {
    0%   {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

.header-block-block-1 .icon-box-img img, .header-block-block-1 .icon-box-img svg {
    padding-top: 0;
}

/* Style cho nút danh mục */
.category-menu {
    position: relative;
}

/* Ẩn tất cả sub-menu ban đầu */
#category-menu .vertical-menu .sub-menu {
    display: none;
}

/* Hiển thị mega menu khi hover vào menu cấp 1 */
/* #category-menu .vertical-menu > li {
  position: relative;
} */
#category-menu .vertical-menu > li:hover > .sub-menu.lv2 {
    display: flex;
    flex-wrap: wrap;
    gap: 0 30px;
    background: #fff;
    padding: 10px 30px;
    min-width: 900px;
    left: 100%;
    top: -1px;
    position: absolute;
    z-index: 1000;
}

/* Cột cho cấp 2 */
#category-menu .sub-menu.lv2 > li {
    width: 220px;
    margin-right: 20px;
}
#category-menu .sub-menu.lv2 > li:last-child {
    margin-right: 0;
}

/* Menu cấp 2 title (in đậm) */
#category-menu .sub-menu.lv2 > li > a {
    font-weight: bold;
    margin-bottom: 10px;
    color: #222;
    display: block;
}

/* Menu cấp 3 */
#category-menu .sub-menu.lv2 > li > .sub-menu.lv3 {
    margin-left: 0;
    display: block;
}
#category-menu .sub-menu.lv2 > li > .sub-menu.lv3 li a {
    color: #444;
    padding: 4px 0;
    font-weight: normal;
    display: block;
    transition: color 0.3s;
}
#category-menu .sub-menu.lv2 > li > .sub-menu.lv3 li a:hover {
    color: #db0000;
}

/* Style cho menu cấp 1 */
#category-menu .vertical-menu > li > a {
    display: block;
    padding: 6px 15px;
    color: #333;
    font-weight: 600;
    transition: color 0.3s;
}
#category-menu .vertical-menu > li > a:hover {
    color: #db0000;
    background: #f7f7f7;
}
#category-menu .sub-menu.lv2 > li a:hover {
    color: #db0000;
}


.custom-col-footer .col-inner {
    display: flex;
    gap: 20px;
}

.ff-default .ff-el-form-control:focus {
    background-color: #fff;
    border-color: #ec1c24 !important;
    outline: none;
}



.category-dropdown-wrapper {
    position: relative;
}

#category-menu {
    position: absolute;
    top: 113px;
    left: -230px;
    z-index: 999;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    min-width: 250px;
}
.header-wrapper.stuck #category-menu {
    top: 65px;
}

.category-list li {
    list-style: none;
}

.category-list a {
    display: block;
    color: #000000;
    text-decoration: none;
    font-weight: 500;
}

button#toggle-category-btn {
    min-width: 130px;
    background: #ffffff36;
    border-radius: 99px;
    padding: 4px 10px;
    cursor: pointer;
    font-size: 15px;
    text-transform: none;
    font-weight: 400;
}


/* Responsive: Ẩn mega menu trên mobile, có thể custom thêm nếu cần */
@media only screen and (max-width: 48em) {
    #category-menu .vertical-menu > li:hover > .sub-menu.lv2 {
        position: static;
        min-width: unset;
        box-shadow: none;
        padding: 10px 0;
        flex-direction: column;
        gap: 0;
    }
    #category-menu .sub-menu.lv2 > li {
        width: 100%;
        margin-right: 0;
    }
}

#category-menu .sub-menu.lv2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-width: 900px;
    z-index: 1000;
    display: none;
    background: #fff;
    padding: 20px 30px;
    min-height: 390px;
    max-height: 390px;
    overflow-y: auto;
}

#category-menu .vertical-menu > li:hover > .sub-menu.lv2 {
    display: flex;
}

.bn-two img {
    border-radius: 10px;
}
.product_tips {
    background: linear-gradient(#a40815, #ec1c24) 0% 0% / cover;
    border-radius: 10px;
    padding: 10px 9.8px 0;
}
.hot-sale-banner {
    color: white;
    font-size: 30px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    border-radius: 6px;
    font-family: sans-serif;
}

.hot-sale-banner .icon {
    font-size: 28px;
    margin-right: 10px;
}

.hot-sale-banner .text {
    display: flex;
    gap: 6px;
    align-items: center;
}

.hot-sale-banner .outline-text {
    color: transparent;
    -webkit-text-stroke: 1px white;
}

.hot-sale-addon {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    align-items: center;
}
.label-sale {
    color: #ffffff;
    padding: 0px 8px;
    border-radius: 6px;
    font-weight: 600;
    border: 1px solid #fff;
}
.label-sale:hover {
    background: #fff;
}
.label-sale a {
    color: #fff;
    font-weight: 400;
    font-size: 13px;
}
.label-sale a:hover {
    color: #000;
}
.woocommerce-loop-product__title {
    min-height: 40px;
    font-weight: 600;
}
.hot-sale-box .box-text {
    border-radius: 0px 0px 10px 10px;
}
.hot-sale-box .box-image {
    border-radius: 10px 10px 0 0;
}
.badge-container {
    margin: 0 -4px 0 !important;
}
.badge-inner.secondary.on-sale {
    background-image: url(/wp-content/uploads/2025/06/sale.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: unset !important;
    font-size: 13px;
    width: 80px;
    padding: 0px 10px;
}
.badge {
    height: 1.7em;
    width: unset;
}

.custom-tra-gop-badge {
    border: 1px solid #ec1c24;
    font-size: 13px;
    border-radius: 6px;
    color: #ec1c24;
    padding: 0 6px;
}
.badge-container.absolute.right.top.z-1 {
    margin: 3px 4px 0 !important;
}

.testimonials-slider .col-inner {
    min-height: 400px;
}
.box-category .box-image {
    border: 1px solid #ddd;
    border-radius: 6px;
}
.box-category h5.uppercase.header-title {
    text-transform: none;
}
.bor-rad img {
    border-radius: 10px;
}
/*video*/


.box-img {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.box-img img {
    width: 100%;
    height: auto;
}

.btn-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 68px;
    height: 48px;
    background-color: rgb(240 35 32);
    border-radius: 8px;
}

.iconn-play {
    width: 0;
    height: 0;
    border-left: 15px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

/* POPUP STYLES */
.popup-video {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.popup-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
}

.popup-content {
    position: relative;
    width: 80%;
    max-width: 800px;
    margin: 10% auto;
    background: #000;
    padding: 20px;
    border-radius: 10px;
    z-index: 1001;
}

.popup-close {
    position: absolute;
    top: 10px;
    right: 20px;
    color: #fff;
    font-size: 30px;
    cursor: pointer;
}

.box-youtube-item a {
    display: flex;
    margin-bottom: 16px;
    gap: 10px;
    font-size: 14px;
    align-items: center;
    background: #fff;
    padding: 2px;
    border-radius: 8px;
    position: relative;
}
.youtube-layout-large-right .large-7 .youtube-title, .youtube-layout-large-left .large-7 .youtube-title, .youtube-layout-main .youtube-title, .mfp-iframe-scaler button.mfp-close {
    display: none;
}
.youtube-title {
    flex: 1;
    padding: 15px 0;
    font-weight: 600;
}
.youtube-title-small {
    flex: 1;
    padding: 15px 0;
}
.youtube-layout-large-right .large-5 .box-img, .youtube-layout-large-left .large-5 .box-img, .youtube-layout-large-center .list-small .box-img {
    max-width: 30%;
    flex-basis: 30%;
    position: relative;
}
.youtube-layout-large-right .large-5 .btn-play, .youtube-layout-large-left .large-5 .btn-play, .youtube-layout-large-center .list-small .btn-play {
    width: 40px;
    height: 30px;
}
.youtube-layout-large-right .large-5 .iconn-play, .youtube-layout-large-left .large-5 .iconn-play, .youtube-layout-large-center .list-small .iconn-play {
    border-width: 7px 0 7px 15px;
}
.btn-play .iconn-play {
    border-style: solid;
    border-width: 10px 0 10px 20px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-40%, -50%);
}

.pos-tit h5.post-title.is-large a {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    height: 46px;
    color: #000;
}

.is-divider {
    display: none;
}
.flex-right ul li {
    margin: 0;
}
.recent-blog-posts .badge {
    height: 60px;
    width: 60px;
}
.recent-blog-posts .badge-inner.bg-fill {
    border-radius: 6px;
}
span.amount {
    color: #ec1c24;
    font-weight: 700;
    white-space: nowrap;
}
/*bài viết liên quan*/
.rpbt_shortcode img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 5px;
}
.rpbt_shortcode h3 {
    text-transform: uppercase;
    text-align: left;
}
figcaption a {
    font-weight: bold;
}
.rpbt_shortcode figcaption {
    padding-top: 10px;
    text-align: left;
    font-weight: bold;
}
.entry-author.author-box {
    border: 1px solid #ddd;
    border-radius: 10px;
}
.related-gallery {
    margin-top: 30px;
}
.related-posts-wrapper {
    margin-top: 30px;
}

/*Comment style*/
#formcmmaxweb {
    overflow: hidden;
    position:relative;
    margin-bottom: 20px;
}
#formcmmaxweb .nameuser {
    text-align: left;
}
#formcmmaxweb .avatarmw img {
    float: left;
    margin: 5px 10px 0 0;
    border: 1px solid #ccc;
    padding: 5px;
}
.comments-title-maxweb {
    margin: 30px 0;
    font-weight: normal;
}
.commentlist {
    margin-top: 10px;
}
.comment-author.vcard {
    float: left;
    clear: both;
    z-index: 2;
    position: relative;
}
.commentlist li {
    overflow: hidden;
    clear: both;
    margin-bottom: 10px;
}
.commentlist .children {
    margin-top: 10px;
}
.commentBody em {
    color: red;
}
.commentBody {
    position: relative;
    margin-left: 82px;
    border-bottom: 1px solid #d7d7d7;
    overflow: hidden;
}
.comment-meta.commentmetadata {
    position: relative;
    padding: 0;
    margin: 0;
}
.cancel-comment-reply a {
    font-size: 14px;
    text-decoration: none;
    color: #a9883f;
}
.nocomments {
    border-color: #D98D8D;
    background-color: #FFCECE;
    background-position: left -792px;
    color: #665252;
    padding: 10px;
}
.comment-meta.commentmetadata .ngaythang {
    position: absolute;
    top: 0;
    right: 10px;
    color: #212121;
}
.commentBody .reply {
    float: right;
    margin: 0 0 5px 0;
}
.comment-meta.commentmetadata .fn {
    font-weight: bold;
    color: #212121 !important;
}
#formcmmaxweb  input[type="submit"],
#formcmmaxweb input[type="button"],
#formcmmaxweb input[type="reset"],
#formcmmaxweb article.post-password-required input[type=submit],
#formcmmaxweb li.bypostauthor cite span {
    padding: 6px 10px;
    padding: 0.428571429rem 0.714285714rem;
    font-size: 11px;
    font-size: 0.785714286rem;
    line-height: 1.428571429;
    font-weight: normal;
    color: #7c7c7c;
    background-color: #e6e6e6;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}
#formcmmaxweb button, #formcmmaxweb input, #formcmmaxweb textarea {
    border: 1px solid #ccc;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    font-family: inherit;
    padding: 6px;
    padding: 0.428571429rem;
}
#formcmmaxweb button,
#formcmmaxweb input[type="submit"],
#formcmmaxweb input[type="button"],
#formcmmaxweb input[type="reset"] {
    cursor: pointer;
}
.reply a.comment-reply-link {
    color: #ec1c24;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
}
.reply a.comment-reply-link:hover {
    color: #c7a611;
}
#formcmmaxweb p,
#formcmmaxweb input,
#formcmmaxweb textarea{
    width: 100%;
    background: transparent;
    outline: none;
    font-size: 14px;
}
#formcmmaxweb input,
#formcmmaxweb textarea{
    border: 1px solid #d7d7d7;
    color: #2e2e2e;
}
#formcmmaxweb input:focus,
#formcmmaxweb textarea:focus{
    border-color: #a9883f;
}
#formcmmaxweb p{
    margin-bottom: 10px;
    text-align: center;
}
#formcmmaxweb #commentform p{
    overflow: hidden;
}
#formcmmaxweb .name-email p{
    width: 50%;
    float: left;
}
#formcmmaxweb .name-email p:first-child{
    padding-right: 5px;
}
#formcmmaxweb .name-email p:last-child{
    padding-left: 5px;
}
#formcmmaxweb input#submit {
    width: auto;
    font-weight: 700;
    color: #fff;
    background: #ec1c24;
    padding: 10px 25px;
    border: none;
    float: left;
    font-size: 14px;
    outline: none;
}
#formcmmaxweb input#submit:hover {
    background: #e7373e;
}
#formcmmaxweb  ::-webkit-input-placeholder {
    color: #999999;
}

#formcmmaxweb ::-moz-placeholder { /* Firefox 18- */
    color: #999999;
}

#formcmmaxweb ::-moz-placeholder {  /* Firefox 19+ */
    color: #999999;
}

#formcmmaxweb ::-ms-input-placeholder {
    color: #999999;
}
ol.commentlist_mw,
ol.commentlist_mw ul.children {
    list-style: none;
}
ol.commentlist_mw li{
    margin-bottom: 10px;
}
ol.commentlist_mw ul.children{
    margin-top: 10px;
    margin-left: 50px;
}
.fz18 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
}
#comments .title {
    margin: 30px 0;
}
p.nameuser a {
    color: #a9883f;
}
div.error {
    color: red;
    font-size: 12px;
    text-align: left;
    line-height: 15px;
}
footer#footer {
    border-top: 1px solid #ddd;
}

#main, #wrapper {
    background: #f2f2f2;
}
.single-product #wrapper {
    background: #fff;
}
.archive .product-small.box {
    background: #fff;
    border-radius: 10px;
}
a.cat-child-link:hover {
    color: #d71a20;
}
.archive .box-text.box-text-products {
    padding: 10px;
}
.archive .box-image {
    border-radius: 10px;
}
.term-bottom-description {
    background: #fff;
    padding: 20px;
    border-radius: 6px;
}
#term-description .archive ol, #term-description .archive ul, #lightbox-chi-tiet ul, .du-an-content ul, #lightbox-dac-diem ul {
    margin-top: revert;
    padding: revert;
}
.single-post table tr:nth-child(1) {
    background: #dfdfdf;
    color: #fff;
}
.single-post table tr:nth-child(1) td {
    color: #212121;
}
.single-post table {
    border-collapse: collapse;
    border: 1px solid #ccc;
    border-spacing: 0;
}
.single-post table td {
    border: 1px solid #dfdfdf;
}
.single-post  td {
    color: #212121;
}
td:first-child, th:first-child {
    padding-left: 10px !important;
}

.filter-dropdown select {
    align-items: center;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    color: #444;
    cursor: pointer;
    display: flex;
    margin: 0 10px 10px 0;
    padding: 5px 10px;
    white-space: nowrap;
    font-size: 13px;
}
form#product-filter-form {
    margin-bottom: 0 !important;
}
.sort-bar a {
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
}
.child-category-links {
    text-transform: uppercase;
}
a.sort-btn {
    background: #fff;
}
.faq-section, .ask-question-form {
    background: #fff;
    border-radius: 10px;
    padding: 20px 20px 0px 20px;
    margin: 30px 0px;
}

span.accordion-title.active {
    background: none;
    border-color: unset;
    color: #212121;
    border: none;
}
.archive #isures-recently--wrap {
    background: #fff;
    padding: 20px 20px 10px 20px;
    border-radius: 10px;
}
span.accordion-title {
    border-top: none;
    padding: unset;
}
#isures-recently--wrap h2 {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: bold;
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    font-weight: 600;
}

.ux-swatch.ux-swatch--label.selected::before {
    align-content: center;
    background-color: #d70018;
    border-radius: 0 4px 0 8px;
    color: #fff;
    content: "✓";
    display: flex;
    font-size: 10px;
    height: 16px;
    justify-content: center;
    padding-bottom: 15px;
    padding-left: 4px;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
}
.ux-swatch {
    border-radius: 5px;
}
.ux-swatch--label {
    padding: 0px 12px !important;
}
.product-breadcrumb-container a {
    color: #212121;
}
.product-price-container .price-wrapper .price {
    display: block;
    font-size: 26px;
}
span.sticky-label-note {
    font-weight: 400;
    font-size: 13px;
}
.product-custom-tabs {
    margin-top: 30px;
}

/*css hỏi và đáp trong chi tiết sản phẩm*/
.product-qa-section {
    margin-top: 40px;
    padding: 20px;
    background: #f6f7f8;
    border-radius: 10px;
}

.qa-list, .qa-answers {
    list-style: none;
    padding-left: 0;
    margin-bottom: 20px;
}

.qa-item {
    margin-bottom: 20px;
    padding: 15px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #ddd;
}

.qa-answers li {
    margin-left: 15px;
    padding-left: 10px;
    border-left: 2px solid #ccc;
    margin-top: 10px;
}

.qa-question-form textarea,
.qa-reply-form textarea {
    width: 100%;
    padding: 8px;
    margin-bottom: 8px;
    border-radius: 5px;
    border: 1px solid #ccc;
}


/*het*/
.isures-container .product-small.box, .related .product-small.box {
    border-radius: 10px;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .1), 0 2px 6px 2px rgba(60, 64, 67, .15);
    height: auto;
}
.image-tools {
    opacity: 0;
}
.image-tools:hover {
    opacity: 1;
}

.custom-product-content-wrapper {
    position: relative;
    margin-top: 20px;
}

.custom-product-content.limited {
    max-height: 1042px;
    overflow: hidden;
    position: relative;
    transition: max-height 0.3s ease;
}

.custom-product-content-wrapper .toggle-content-btn {
    background-color: #ec1c24;
    border: none;
    padding: 2px 16px;
    margin-top: 10px;
    cursor: pointer;
    border-radius: 6px;
    font-weight: bold;
    color: #ffffff;
}
.custom-product-content-wrapper .toggle-content-btn:hover {
    background: #212121;
}

.custom-product-content.expanded {
    max-height: 5000px !important;
}
.realdev-product-quick-action .items {
    border: 1px solid #ec1c24;
    font-size: 13px;
    width: 100%;
    height: auto;
    padding: 5px;
    text-align: center;
    border-radius: 4px;
}
.realdev-product-quick-action .items img {
    object-fit: scale-down;
    height: 40px;
}
.brand-label strong {
    color: #d81a21;
}
.realdev-product-quick-action a {
    color: #333;
}
.realdev-product-quick-action {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-left: -9px;
}
.single blockquote {
    margin-top: 10px;
}
.custom-services-single .icon-box {
    border: 1px dashed #ababab;
    /*height: 75px;*/
    display: flex;
    align-items: center;
    /*padding: 10px 20px;*/
    border-radius: 10px;
    background: #fff;
}
.custom-services-single .col-inner {
    border-radius: 8px;
}
.product-section {
    border-top: unset !important;
}
h3.product-section-title-related {
    text-transform: none;
}
#reviews.woocommerce-Reviews {
    max-width: 1300px !important;
}
.video-page-row {
    padding-top: 30px;
}
#video-grid {
    margin-top: 30px;
}
.video-grid-item a img, .featured a img {
    border-radius: 10px;
}
.bn-reviews-video {
    border-radius: 10px;
}
h3.youtube-title-small {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    height: 75px;
}
.ux-swatch__color--single-color {
    border-radius: 3px;
}
button.ux-buy-now-button {
    background: #607D8B;
}
.hotline-buy .button span {
    display: inline-block;
    line-height: 1.3;
    padding: 6px 0px;
}

@media (max-width: 767px) {

    .blog-archive p.from_the_blog_excerpt {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: -webkit-box;
    }
    .blog-archive .box-text {
        font-size: 100% !important;
    }
    .archive nav.woocommerce-breadcrumb.breadcrumbs {
        text-align: left;
        margin-bottom: -10px;
    }
    .realdev-product-quick-action .items {
        font-size: 9px;
        padding: 2px;
    }
    .realdev-product-quick-action {
        gap: 6px;
    }
    .realdev-product-quick-action {
        margin-left: 0;
    }
    .product-labels-container {
        min-height: 100px;
    }
    .box-why:after {
        position: absolute;
        content: '';
        right: 0 !important;
    }
    .part-1 .col-left {
        padding-right: 0;
    }
    .part-1 .col-right {
        padding-left: 0;
    }
    .product_whitebg, .product_whitebg-noborder-top {
        padding: 0 !important;
    }
    .product-title-sticky {
        max-width: 100% !important;
    }
    .sticky-bar-content {
        flex-direction: column;
    }
    .sticky-btn {
        padding: 6px 10px !important;
    }
      h3.youtube-title-small {
        height: auto !important;
    }
    .custom-hook-1-gt {
        margin: 0px 15px;
    }
    .list-tab-about {
        padding: 20px 15px !important;
    }
    .item-tab .ladi-box {
        top: 0 !important;
        bottom: 0 !important;
    }
    .item-tab {
        padding: 10px;
    }
    .list-tab-about {
        margin-bottom: -215px !important;
    }
}


button.view-more-button.video-archive {
    border-radius: 8px;
}
#isures-recently--wrap {
    margin-top: 110px;
}
/*tin tức*/
.category-labels {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 30px;
}
.cat-label {
    display: inline-block;
    padding: 6px 14px;
    background-color: #f1f1f1;
    color: #ec1c24;
    text-decoration: none;
    border-radius: 20px;
    font-size: 16px;
    transition: all 0.2s ease-in-out;
    border: 1px solid #ec1c24;
}
.cat-label:hover,
.cat-label.active {
    background-color: #ec1c24;
    color: #fff;
}
.blogs-listings-heading {
    background: #ec1c24;
    border-radius: 10px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 0 10px 20px;
    margin: 30px 0px;
}

.featured-article, .alotof-article {
    border: 1px solid #eee;
    padding: 10px;
    border-radius: 10px;
    background: #f9f9f9;
}

.featured-article img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.popular-posts {
    list-style: none;
    padding: 0;
    margin: 0;
}

.popular-posts li {
    margin-bottom: 10px;
}

.popular-posts li a {
    text-decoration: none;
    color: #333;
}

.popular-posts li a:hover {
    text-decoration: underline;
}
.latest-posts {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.latest-posts li {
    margin-bottom: 10px;
    font-size: 16px;
}

.latest-posts li a {
    color: #333;
    text-decoration: none;
}

.latest-posts li a:hover {
    color: #0073aa;
    text-decoration: underline;
}
.latest-posts.with-thumbnails {
    list-style: none;
    padding: 0;
    margin: 0;
}

.latest-posts.with-thumbnails .post-item {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.latest-posts.with-thumbnails .post-link {
    display: flex;
    text-decoration: none;
    color: inherit;
}

.latest-posts.with-thumbnails .thumb-wrapper {
    flex-shrink: 0;
    height: 70px;
    overflow: hidden;
    border-radius: 4px;
    margin-right: 12px;
}

.latest-posts.with-thumbnails .thumb-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
header.archive-page-header {
    display: none;
}
/*.box-blog-post .box-image .image-cover {*/
/*    padding-top: 60% !important;*/
/*}*/

button#load-more-posts {
    border-radius: 10px;
    background: #fff;
    color: #d81a21;
    border: 1px solid;
    font-weight: 500;
    box-shadow: none;
}

a.button.primary.is-outline.lowercase.btn-part-3 {
    border: 1px solid;
}

button#load-more-posts:hover {
    background: #d81a21;
    color: #fff;
}

.box-blog-post .box-image, .featured-article, .thumb-wrapper {

    overflow: hidden;
}

.box-blog-post .box-image img, .featured-article img, .thumb-wrapper img {
    transition: transform .5s ease;
}

.box-blog-post .box-image:hover img, .featured-article:hover img, .thumb-wrapper:hover img {
    transform: scale(1.05);
}
.box-blog-post h5.post-title.is-large a {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    font-weight: 600;
}

.single-post .entry-excerpt {
    border-radius: 10px;
    font-style: italic;
    padding-bottom: 0 !important;
    font-weight: 600;
    background: #ffffff;
    box-shadow: 0px 2px 7px #d91a21;
    padding: 6px 10px;
    margin-bottom: 20px;
}
.single-post .entry-content a {
    color: #d71a20;
}
.related-posts-wrapper a {
    color: #212121;
}

blockquote {
    border-left: unset;
    color: #333;
    margin: 0 0 1.25em;
    position: relative;
    padding: 10px;
    line-height: 1.5;
    font-size: 1em;
    border: 3px dashed rgb(215 26 32);
    border-radius: 10px;
}
blockquote p {
    margin-bottom: 0;
}
.ico-google-new {
    height: 20px;
    line-height: 20px;
    background: url(/wp-content/uploads/2025/06/google-news-logo.png) right center no-repeat;
    padding-right: 82px;
    position: relative;
    font-size: 13px;
    background-size: 80px;
    color: #ec1c24;
}
.single-post .entry-content {
    padding-top: 0 !important;
}
.recent-blog-posts a, .product_list_widget span.product-title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    font-weight: 600;
    color: #212121;
}
ul.product_list_widget li img {
    border-radius: 6px;
}
span.widget-title {
    text-transform: uppercase;
    font-size: 20px;
}
.post-sidebar.large-4.col {
    position: sticky;
    top: 70px;
    align-self: flex-start;
}
.post-sidebar ul.ez-toc-list {
    height: 330px;
    overflow: scroll;
    overflow-x: hidden;
    border-radius: 10px;
}
.nav-spacing-xlarge>li {
    margin: 0 13px !important;
}
.nav-divided>li+li>a:after {
    border-left: 1px solid rgb(255 255 255) !important;
    content: "";
}
.header-button a {
    color: #ffffff;
    border: 1px solid;
}
/*button.mfp-close {
    display: none;
}*/
.mfp-content button.mfp-close {
    display: block;
}

#menu-vertical-menu > li > ul {
    background-color: #fff;
    color: #777;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;
    height: max-content;
    grid-template-rows: max-content;
}
.nav-dropdown-default .nav-column li>a {
    border-bottom: unset !important;
    font-size: 15px;
}
.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a {
    font-size: 15px !important;
}
.nav-dropdown .menu-item-has-children>a, .nav-dropdown .nav-dropdown-col>a, .nav-dropdown .title>a {
    color: #000;
    font-size: 15px !important;
    font-weight: bolder;
    text-transform: unset !important;
}

/*css menu lv2*/
.nav-dropdown > li.menu-item > a {
    color: #212121;
    font-weight: 600;
}
.nav-dropdown > li.menu-item > a:hover {
    color: #ec1c24;
}
.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a {
    border-bottom: unset !important;
}
/*css menu lv3*/
.nav-dropdown .sub-menu > li.menu-item > a {
    color: #212121;
}
.nav-dropdown .sub-menu > li.menu-item > a:hover {
    color: #ec1c24;
}

.nav-dropdown .sub-menu > li.menu-item > a {
    transition: transform 0.3s ease;
}

.nav-dropdown .sub-menu > li.menu-item > a:hover {
    transform: translateX(5px);       /* Dịch nhẹ sang phải */
}

.cs-icon-hot-sale .icon-inner {
    background: #fff;
}
.slick-next:before, .slick-prev:before {
    font-family: slick;
    font-size: 30px !important;
    line-height: 1;
    opacity: .75;
    color: #212121 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

button.view-more-button.products-archive.button.primary {
    border-radius: 10px;
    background: #fff;
    color: #d71a20;
    font-weight: 500;
    border: 1px solid;
    padding: 0px 30px;
    box-shadow: none;
    min-width: 150px;
    margin-top: 10px;
    margin-bottom: 10px;
}

button.view-more-button.products-archive.button.primary:hover {
    background: #d71a20;
    color: #fff;
}

.woocommerce-variation-add-to-cart button {
    border-radius: 5px;
}
.woocommerce-variation .woocommerce-variation-price {
    border-top: 1px dashed #ddd;
    font-size: 1.2em;
    padding: 7.5px 0;
}
.custom-is-divider-solid .is-divider {
    display: block;
    border-bottom: 1px solid #e7e7e761;
    background-color: unset !important;
}
.custom-is-divider-dashed .is-divider {
    display: block;
    border-bottom: 1px dashed #f9e780;
    background-color: unset !important;
}

/*css mobile*/
@media (max-width: 767px) {
    .col.large-7.medium-12 .box-youtube-item a {
        margin-bottom: 0;
    }
    .blogs-listings-heading {
        margin: 0px 0px 30px 0px !important;
    }
    .latest-posts.with-thumbnails .post-item {
        margin-bottom: 15px !important;
    }
    .off-canvas .nav-vertical>li>a {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .hot-sale-banner {
        font-size: 25px;
    }
    .label-sale {
        padding: 0px 4px;
    }
    .col.large-5.medium-12 .box-youtube-item a {
        margin-bottom: 10px;
    }
    .sort-bar {
        display: flex;
        overflow-x: auto;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
        gap: 10px;
        padding: 10px 0;
    }
    .sort-bar a {
        flex: 0 0 auto;
        white-space: nowrap;
    }
    .child-category-links {
        display: flex;
        overflow-x: auto;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
        gap: 10px;
        padding: 10px 0;
    }
    .child-category-links a {
        flex: 0 0 auto;
        white-space: nowrap;
    }
    .category-page-row {
        padding-top: 0;
    }
    .realdev-product-quick-action .items img {
        height: 30px;
    }
    .wpcsb-wrapper .wpcsb-container .wpcsb-product .wpcsb-product-action .variations_form {
        flex-wrap: wrap !important;
    }

    .header-main {
        position: sticky !important;
        top: 0;
        z-index: 999;
    }
    .header.show-on-scroll .hide-for-sticky, .stuck .hide-for-sticky {
        display: block !important;
    }

}

.wpcsb-wrapper .wpcsb-container .wpcsb-product .wpcsb-product-action .variations_form {
    flex-wrap: nowrap;
}
.wpcsb-wrapper .wpcsb-container .wpcsb-product .wpcsb-product-action .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart > * {
    padding: 0 2px;
}
.label-sale:hover a {
    color: #000;
}
#menu-vertical-menu .nav-dropdown-default {
    padding: 0;
}
span.red-color {
    color: #ec1c24;
}
a.button.small.red, a.button.small.outline {
    border-radius: 6px;
}
.off-canvas .nav-vertical li li>a {
    font-size: 14px;
}



@media (max-width: 767px) {
    .cat-label {
        display: inline-block;
        padding: 4px 8px;
        background-color: #f1f1f1;
        color: #ec1c24;
        text-decoration: none;
        border-radius: 20px;
        font-size: 12px;
        transition: all 0.2s ease-in-out;
        border: 1px solid #ec1c24;
    }
    input#woocommerce-product-search-field-1 {
        background: #fff;
    }
    .realdev-product-quick-action {
        margin-top: 20px;
    }
    .product-price-container .price-wrapper .price {
        font-size: 18px;
    }
    button.single_add_to_cart_button.button {
        padding: 0 5px !important;
    }
    /*.custom-services-single .icon-box {*/
    /*    height: 80px;*/
    /*}*/
    .toggle i {
        font-size: 1.2em !important;
        transition: all .3s;
    }
    .badge-inner.secondary.on-sale {
        font-size: 10px;
        width: 70px;
    }
    .custom-tra-gop-badge {
        font-size: 10px;
    }
    .box-text.text-center {
        padding-left: 8px;
        padding-right: 8px;
    }

    @keyframes marquee {
        0% {
            transform: translateX(0%);
        }
        100% {
            transform: translateX(-100%);
        }
    }
}

@media (max-width: 549px) {
    .box-text {
        font-size: 76% !important;
    }
}
.archive #isures-recently--wrap, .single-product #isures-recently--wrap {
    margin-top: 0px;
}
.blog h5.post-title {
    font-size: 16px;
}
button.ux-buy-now-button {
    background: #607D8B;
    padding: 0 4px;
    font-size: 14px;
}
.custom-hotline-product {
    background: #D9D9D9;
    color: #000;
}
/*.ez-toc-title-container {
    background: #d71a20;
    margin-bottom: 5px;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 14px;
    padding-left: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}*/
#ezw_tco-2 .ez-toc-widget-container ul.ez-toc-list li a:hover {
    color: #d71a20;
    text-decoration: underline;
}
.post-sidebar #ez-toc-widget-container {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
}

.mfp-bg.mfp-ready {
    background-color: #e3e3e3 !important;
}
.post h3 {
    background-color: #ec1c241c;
    padding: 5px 15px;
    border-left: 10px solid #ec1c24;
}

.cgmo-section-wrapper {
    background: #00000012;
    padding: 20px;
    border-radius: 10px;

}

.cgmo-title {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #212121;
}

.cgmo-slide {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;

    margin: 0 10px;
}

.cgmo-thumb img {
    width: 100%;
    height: auto;
    display: block;
}

.cgmo-meta {
    padding: 15px;
}

.cgmo-date {
    font-size: 13px;
    color: #888;
    margin-bottom: 5px;
}

.cgmo-post-title {
    font-size: 16px;
    font-weight: 600;
    color: #212121;
}

.cgmo-slider .cgmo-slide {
    padding: 16px;
}
.cgmo-slide {
    background: #ffffff00;
    border-radius: 10px;
    overflow: hidden;

}
.cgmo-slick-slider .slick-slide {
    padding: 0 10px !important;
}
.cgmo-thumb img {
    border-radius: 10px;
}

@media (max-width: 767px) {
    .post-sidebar aside#ezw_tco-2 {
        display: none;
    }
    .cgmo-slider .cgmo-slide {
        padding: 6px;
    }
    .cgmo-meta {
        padding: 6px;
    }

}
.product-labels {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 8px;
}

.product-label {
    font-size: 12px;
    padding: 3px 6px;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #333;
    white-space: nowrap;
    font-weight: 600;
}
.custom-tac-gia {
    background-color: #f5f5f5;
    padding: 15px;
    border: 1px solid #ccc;
    margin: 20px 0px;
}
p#billing_address_1_field {
    width: 100%;
}
.custom-hook-1-gt {
    position: relative;
    z-index: 2;
    position: relative;
    padding: 25px 20px 50px 20px;
    background: rgba(64, 91, 186, 1.0);
    background: -webkit-linear-gradient(115deg, rgb(215 25 32), rgb(212 155 55));
    background: linear-gradient(115deg, rgb(215 25 32), rgb(212 155 55));
    box-shadow: 0px 0px 30px 0px rgba(7, 25, 58, 1.0);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(7, 25, 58, 1.0);
    border-radius: 5px;
    display: table;
}

.custom-hook-1-gt h3 {
    color: rgb(255, 255, 255);
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.6;
    margin-bottom: 10px;
    text-shadow: -2px 0px 0px rgba(132, 219, 255, 1.0);
}
.custom-hook-1-gt p:nth-child(2) {
    background-color: rgb(252 244 225);
    border-radius: 5px;
    text-align: center;
    position: relative;
    margin-bottom: 40px;
    font-weight: 700;
    color: #212121;
}
.custom-hook-1-gt p {
    color: rgb(202, 224, 238);
    font-size: 20px;
    text-transform: uppercase;
    line-height: 1.6;
    margin-bottom: 0;
}
.custom-hook-1-gt p:nth-child(2):after {
    background: rgba(255, 255, 255, 0.4);
    position: absolute;
    content: '';
    width: 128px;
    height: 1px;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
}
.item-tab {
    cursor: pointer;
}
.item-tab.active .ladi-box, .item-tab:hover .ladi-box {
    opacity: 1;
    visibility: visible;
    transition: 0.3s all;
}
.item-tab .ladi-box {
    opacity: 0;
    visibility: hidden;
    background: rgba(64, 91, 186, 1.0);
    background: -webkit-linear-gradient(115deg, rgb(215 25 32), rgb(212 155 55));
    background: linear-gradient(115deg, rgb(215 25 32), rgb(212 155 55));
    border-radius: 6px;
    position: absolute;
    top: -45px;
    left: 0;
    right: 0;
    bottom: -45px;
}
.item-tab.active .title, .item-tab:hover .title {
    color: #fff;
}
.item-tab .title {
    color: rgb(54, 54, 54);
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 25px;
    min-height: 50px;
}
.item-tab .more {
    display: table;
    margin: 0 auto;
    color: rgb(255, 255, 255);
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    background: rgb(212, 155, 55);
    border-radius: 50px;
    padding: 3px 26px;
    margin-top: 10px;
}
.item-tab .content {
    position: relative;
    margin-top: 10px;
}
.item-tab .icon {
    display: table;
    margin: 0 auto;
    width: 40px;
}
.item-tab.active .icon svg, .item-tab:hover .icon svg {
    filter: brightness(0) invert(1);
}

.list-tab-about {
    box-shadow: 0px 0px 30px -15px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 30px -15px rgba(0, 0, 0, 0.5);
    background-color: rgb(255, 255, 255);
    border-radius: 6px;
    z-index: 999;
    position: relative;
    padding: 20px 0;
    width: 95%;
    margin: 0 auto;
}
.custom-hook-2-gt {
    background: rgba(10, 103, 233, 1.0);
    background: -webkit-linear-gradient(180deg, rgb(215 26 32), rgb(252 238 192));
    background: linear-gradient(180deg, rgb(215 26 32), rgb(252 238 192));
    position: relative;
}
.custom-hook-2-gt .box-desc-about {
    background: #fff;
    padding: 15px;
    border-radius: 20px;
    overflow: hidden;
    margin: 0 !important;
}
.box-desc-left {
    background: rgba(60, 134, 255, 1.0);
    background: -webkit-linear-gradient(120deg, rgba(60, 134, 255, 1.0), rgba(41, 41, 102, 1.0));
    background: linear-gradient(180deg, rgb(215 26 32), rgb(252 238 192));
    box-shadow: 0px 10px 25px -10px rgba(41, 41, 102, 1.0);
    -webkit-box-shadow: 0px 10px 25px -10px rgba(41, 41, 102, 1.0);
    border-color: rgb(255, 255, 255);
    border-radius: 30px;
    width: 47%;
    text-align: center;
    padding: 40px 20px;
}
.box-why:after {
    position: absolute;
    content: '';
    background-color: #FF5722;
    border-bottom-right-radius: 50px;
    top: 0;
    bottom: 0;
    width: 100%;
    right: calc(50% + 35px);
}
.custom-text-number .icon-box-text {
    box-shadow: 0px 0px 30px -10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 30px -10px rgba(0, 0, 0, 0.5);
    background-color: rgb(216 26 33);
    border-radius: 10px;
    padding: 20px;
    position: relative;
    z-index: 2;
    height: 100%;
    min-height: 100%;
}
.grid-bc {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 0;
}
.box-bc .title {
    position: relative;
    color: #0a67e9;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.6;
    text-align: center;
    display: table;
    margin: 0 auto;
    border-bottom: 3px solid #000;
    padding: 0 50px;
    margin-bottom: 30px;
    padding-bottom: 10px;
}
.box-culture .content .title {
    display: table;
    margin: 0 auto;
    margin-bottom: 30px;
    text-align: center;
}
.box-culture .content .title p:nth-child(1) {
    color: rgb(70, 75, 79);
    font-size: 43px;
    font-weight: bold;
    line-height: 1.6;
    position: relative;
    padding-right: 80px;
    margin-bottom: -10px;
}
.box-culture .content .title p:nth-child(2) {
    color: rgb(70, 75, 79);
    font-size: 29px;
    font-weight: bold;
    line-height: 1.6;
    position: relative;
    display: table;
    padding-left: 80px;
    margin-left: 45px;
}
.box-culture .content .title p:after {
    position: absolute;
    content: '';
    border-bottom: 3px solid rgba(0, 0, 0, 0.1);
    width: 70px;
    bottom: 20px;
    right: 0px;
}
.box-culture .content .title p:nth-child(2):after {
    right: unset;
    left: 0;
    bottom: unset;
    top: 10px;
}
.train-left .title-top p:nth-child(1) {
    color: rgb(52, 95, 170);
    font-size: 31px;
    font-weight: bold;
    line-height: 1.6;
    position: relative;
    padding-right: 80px;
    margin-bottom: -15px;
    display: table;
}
.train-left .title-top p:nth-child(2) {
    color: rgb(52, 95, 170);
    font-size: 42px;
    font-weight: bold;
    position: relative;
    display: table;
    padding-left: 80px;
    margin-left: 15px;
    line-height: initial;
}
.train-left .title-top p:after {
    position: absolute;
    content: '';
    border-bottom: 3px solid rgba(0, 0, 0, 0.1);
    width: 70px;
    bottom: 20px;
    right: 0px;
}
.train-left .title-top p:nth-child(2):after {
    right: unset;
    left: 0;
    bottom: unset;
    top: 15px;
}
.content-train .title {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.content-train .title span {
    background: rgba(213, 155, 54, 1.0);
    background: -webkit-linear-gradient(245deg, rgba(213, 155, 54, 1.0), rgba(232, 148, 40, 1.0));
    background: linear-gradient(245deg, rgba(213, 155, 54, 1.0), rgba(232, 148, 40, 1.0));
    border-radius: 50%;
    color: rgb(255, 255, 255);
    font-size: 22px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    position: relative;
}
.content-train .title span:after {
    position: absolute;
    content: '';
    border-style: solid;
    border-color: rgb(185, 179, 179);
    border-width: 1px;
    top: -2px;
    left: -2px;
    bottom: -2px;
    right: -2px;
    border-radius: 50%;
}
.content-train .title p {
    margin-left: 15px;
    color: rgb(70, 75, 79);
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 0;
}
.list-item__train {
    position: relative;
    margin-top: 70px;
}
.list-item__train .title {
    display: table;
    margin: 0 auto;
    background-color: rgb(212, 155, 55);
    border-radius: 4px;
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 11px 50px;
    margin-bottom: -20px;
    position: relative;
    z-index: 5;
}
.grid-train {
    background: rgba(64, 91, 186, 1.0);
    background: -webkit-linear-gradient(173deg, rgb(215 26 33), rgb(216 26 33));
    background: linear-gradient(173deg, rgb(215 26 33), rgb(216 26 33));
    border-radius: 6px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    padding: 42px 30px;
}
.item-train {
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    padding: 17px 10px;
    box-shadow: 6px 6px 0px rgb(2 2 2);
}
.item-train p {
    color: rgb(0, 0, 0);
    font-size: 15px;
    text-align: center;
    letter-spacing: 0.2px;
    line-height: 1.4;
    text-shadow: rgb(250, 250, 250) 1px 2px 3px;
}
.bg-chinh-sach-ns {
    background: #fff;
    padding: 15px;
    border-radius: 15px;
}
.box-job {
    position: relative;
    background-color: rgb(216 26 33);
    border-radius: 5px;
    padding: 40px;
    margin-top: 20px;
    overflow: hidden;
}
.box-job .content-train .title p {
    margin-left: 15px;
    color: rgb(255 255 255);
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 0;
}
.khung-triet-ly {
    border-style: solid;
    border-color: rgb(222, 222, 222);
    border-width: 1px;
    border-radius: 4px;
    text-align: center;
    width: 65%;
    padding: 10px;
}
.box-contact-about {
    accent-color: unset;
    background: url(https://okachi.vn/assets/images/bg-lj.jpg) no-repeat;
    background-size: cover;
    width: 78%;
    margin-left: auto;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding: 40px;
    position: relative;
}
.box-contact-form {
    background-color: rgb(141 141 141);
    border-radius: 8px;
    position: relative;
    padding: 40px 40px;
}
.box-contact-form .title-top p:nth-child(1) {
    color: rgb(255, 210, 130);
    font-size: 46px;
    font-weight: bold;
    line-height: 1.6;
    position: relative;
    padding-right: 130px;
    margin-bottom: -15px;
    display: table;
}
.box-contact-form .title-top p:after {
    position: absolute;
    content: '';
    border-bottom: 3px solid rgba(155, 155, 155, 0.3);
    width: 117px;
    bottom: 20px;
    right: 0px;
}
.box-contact-form .title-top p:nth-child(2) {
    color: rgb(236, 236, 236);
    font-size: 46px;
    font-weight: bold;
    position: relative;
    display: table;
    padding-left: 130px;
    margin-left: -15px;
    line-height: initial;
}
.box-contact-form .title-top p:nth-child(2):after {
    right: unset;
    left: 0;
    bottom: unset;
    top: 15px;
}
.box-form-contact {
    position: relative;
    padding: 30px;
    z-index: 5;
    background: rgba(64, 91, 186, 1.0);
    background: -webkit-linear-gradient(139deg, rgba(64, 91, 186, 1.0), rgba(136, 139, 244, 1.0));
    background: linear-gradient(139deg, rgb(215 26 32), #787171);
    border-radius: 8px;
}

/*Chữ chạy ở bên dưới header*/
.custom-sale-wrapper {
    background-color: #fef1bf;
    overflow: hidden;
}

.custom-sale {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0;
    overflow: hidden;
}

.marquee-wrapper {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    margin-right: 15px;
}

.marquee-text {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 20s linear infinite;
    font-size: 16px;
    white-space: nowrap;
}
.brand-label strong a {
    color: #d81a21;
}

a.btn-sale-here {
    flex-shrink: 0;
    background-color: #212121;
    color: #fff;
    border: none;
    padding: 6px 16px;
    border-radius: 30px;
    cursor: pointer;
    margin-bottom: 0;
    font-size: 13px;
}

@keyframes marquee {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}

/*css-header*/
.header-bg-color {
    background-image: linear-gradient(#d61a20, #d91a21) !important;
}
.header-bottom {
    background-color: unset !important;
}
.header-button a {
    background: #cc4023 !important;
}
#masthead a.nav-top-link:hover {
    color: #fef1bf !important;
}
body [data-icon-label]:after {
    background-color: #ffffff !important;
    color: #d71a20 !important;
}

.error404 #main, .error404 #wrapper {
    background: #fff;
}
.isures-container .box-text.box-text-products {
    padding: 10px;
}
.suggestion-slider-container .product-small.box {
    background: #fff;
    border-radius: 10px;
}
.suggestion-slider-container .box-text.box-text-products {
    padding: 10px;
}
td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-total, th.woocommerce-orders-table__header.woocommerce-orders-table__header-order-total, td.woocommerce-table__product-total.product-total {
    display: none;
}
/* Mục lớn - in đậm */
ul.ez-toc-list-level-1 > li > a {
    font-weight: 700 !important;
    color: #000;        /* Màu chữ đậm hơn (đen) */
}

/* Mục con cấp 2 - nhạt hơn */
ul.ez-toc-list-level-2 > li > a {
    font-weight: 400 !important;
    color: #666;
}

/* Mục con cấp 3 - nhạt nhất */
ul.ez-toc-list-level-3 > li > a {
    font-weight: 300 !important;
    color: #999;
}

.related .box-text.box-text-products {
    padding: 10px;
}
.product_whitebg {
    background: #fff;
    border-radius: 10px;
    padding: 10px 9.8px 0;
}
.product_whitebg-noborder-bottom {
    background: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px 9.8px 0;
}
.product_whitebg-noborder-top {
    background: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 10px 9.8px 0;
}
h2.custom-title-h2 {
    background: none;
    padding: 10px;
    border: unset;
    font-size: 16px;
}
.part-1 .col-left {
    padding-left: 0;
}
.part-1 .col-right {
    padding-right: 0;
}
a.button.white.lowercase.btn-part-2 {
    color: #e71a23 !important;
}

.col-full {
    padding: 0;
}

.product-small.box.hot-sale-box.has-hover.box-normal.box-text-bottom {
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.10);
    border-radius: 6px;
}

.term-bottom-description-wrapper {
    margin-top: 20px;
    position: relative;
    background: #fff;
    border-radius: 10px;
    padding-bottom: 10px;
}

.toggle-description-button {
    align-items: center;
    background: #fff;
    border-radius: 10px;
    color: #ec1c24;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 150px;
    height: 40px;
    text-decoration: none;
    width: 100%;
    border: 1px solid;
}
.toggle-description-button:hover {
    color: #ffffff;
    background: #ec1c24;
}
.slick-prev {
    left: -50px !important;
}
.slick-next {
    right: -40px !important;
}
.breadcrumbs a.current, .breadcrumbs a:hover {
    color: #d81a20;
}
.custom-product-content.limited:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}
.shop-page-title.category-page-title.page-title {
    background: #fff;
}
.shop-page-title .page-title-inner {
    padding-top: 0;
    min-height: 40px;
}
.breadcrumbs {
    font-weight: 500 !important;
}
.blog .box-blog-post .box-image {
    border-radius: 10px;
}

/* Logo phụ trong header-bottom, mặc định ẩn */
.sticky-logo {
    display: none;
    width: 90px;
}

/* Khi header-bottom dính trên top, hiển thị logo phụ */
.header-wrapper.stuck .sticky-logo {
    display: inline-block;
}

/* Optional: điều chỉnh layout khi fixed */
.header-wrapper.stuck {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    background: #fff; /* tùy chọn */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* tùy chọn */
}

.header-wrapper.stuck .header-vertical-menu__opener {
    width: 100px;
}

.header-wrapper.stuck .header-vertical-menu__title, .header-wrapper.stuck i.icon-angle-down {
    display: none;
}

.header-wrapper.stuck .nav.header-bottom-nav {
    flex-flow: nowrap;
}
.term-bottom-description ul {
    margin-top: unset;
    padding: revert;
}
.icon-box.testimonial-box.icon-box-center {
    padding: 30px;
}
.ez-toc-sticky-container a:focus {
    background: yellow !important;
    color: #ec1c24 !important;
}

.noi-dung {
    margin-top: 30px;
}

.button-container {
    margin-top: 30px;
}

.btn-home {
    display: inline-block;
    background: #d81a21;
    color: #fff;
    padding: 10px 24px;
    text-decoration: none;
    border-radius: 10px;
    font-weight: 600;
    transition: background 0.3s;
    border: 1px solid #d81a20;
}

.btn-home:hover {
    background: #f2f2f2;
    border: 1px solid #d81a20;
    color: #d81a20;
}

.four-zero-four-not-found img {
    display: block;       /* Để margin auto có tác dụng */
    margin: 0 auto;       /* Căn giữa ảnh */
    width: 50%;           /* Chiều rộng 50% */
    height: auto;         /* Giữ tỉ lệ ảnh */
}

.box.has-hover.custom-showroom.has-hover.box-text-bottom {
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.10);
    background: #fff;
    border-radius: 10px;
}
.custom-showroom .box-image {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.custom-showroom i.icon-map-pin-fill, .custom-showroom i.icon-phone, .custom-showroom i.icon-clock {
    color: #ec1c24;
}
/*.term-bottom-description h2 {*/
/*    font-size: 16px;*/
/*}*/
.archive .ux-swatches, .related .ux-swatches, .isures-container .ux-swatches {
    justify-content: center;
}
#lightbox-dac-diem table tr:nth-child(1), #lightbox-thong-so table tr:nth-child(1)  {
    color: #fff;
}
#lightbox-dac-diem table tr:nth-child(1) td, #lightbox-thong-so table tr:nth-child(1) td {
    color: #212121;
}
#lightbox-dac-diem table, #lightbox-thong-so table {
    border-collapse: collapse;
    border: 1px solid #ccc;
    border-spacing: 0;
    margin-bottom: 0;
}
#lightbox-dac-diem table td, #lightbox-thong-so table td {
    border: 1px solid #ccc;
}
#lightbox-video p {
    margin-bottom: 0;
}
.lightbox-content .lightbox-inner {
    padding: 40px 20px 20px 20px !important;
}

/*video youtube*/
.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

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

.video-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 32px;
    height: 32px;
}

.video-icon img {
    display: block;
    width: 100%;
    height: auto;
}

.custom-video-wrapper {
    position: relative;
    width: 100%;
    padding-top: 100%;
    background: black;
    overflow: hidden;
}

.custom-video-wrapper iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 56.25%;
    transform: translate(-50%, -50%);
}

.product-thumbnails img {
    aspect-ratio: 1 / 1;
    width: 100%;
    height: auto;
}

.video-thumb {
    position: relative;
    display: block;
}
.video-thumb .video-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.video-thumb .video-icon img {
    width: 32px;
    chỉnh to nhỏ
    height: 32px;
}

.video-thumb {
    position: relative;
    display: inline-block;
}

.video-thumb::after {
    content: "";
    background: url('/wp-content/themes/flatsome-child/assets/img/youtube-official.png') no-repeat center center;
    background-size: 40%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}


/*du-an*/
.du-an-single .entry-title {
    font-size: 30px;
    margin-bottom: 20px;
}

.du-an-thumbnail img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.du-an-custom-fields p {
    margin-bottom: 10px;
}

.du-an-lien-quan h3 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 22px;
}

.du-an-related-item {
    margin-bottom: 20px;
}

.du-an-related-item .related-title {
    font-size: 16px;
    margin-top: 10px;
}

.responsive-iframe-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* Tỷ lệ 16:9 (9 / 16 = 0.5625) */
    height: 0;
    overflow: hidden;
    margin-bottom: 20px;
}

.responsive-iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.du-an-related-item .thumbnail img {
    border-radius: 10px;
}
h4.related-title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}
.thumbnail .btn-play {
    width: 40px;
    height: 30px;
    transform: translate(-50%, -230%);
}

.single-tac-gia-noi-bat .custom-category-new {
    display: none !important;
}
.single-tac-gia-noi-bat .entry-header-text-top {
    padding-top: 0;
    padding-bottom: 0;
}
.single-tac-gia-noi-bat .entry-content {
    padding-bottom: 1.5em;
    padding-top: 0;
}
.single-tac-gia-noi-bat .entry-excerpt {
    border-radius: 10px;
    font-style: italic;
    padding-bottom: 0 !important;
    font-weight: 600;
    background: #ffffff;
    box-shadow: 0px 2px 7px #d91a21;
    padding: 6px 10px;
    margin-bottom: 20px;
}

.custom-product-content table {
    border-collapse: collapse;
    border: 1px solid #ccc;
    border-spacing: 0;
}
.custom-product-content table td {
    border: 1px solid #ccc;
}
.product-title-sticky {
    max-width: 40%;
}
.ez-toc-open-icon {
    background: linear-gradient(#d61a20, #b74044) !important;
    position: fixed;
    right: 0;
    top: 45%;
    text-decoration: none;
    font-weight: 700;
    padding: 5px 10px 15px;
    box-shadow: 1px -5px 10px 5px rgb(0 0 0 / 10%);
    color: #fff !important;
    display: inline-grid;
    line-height: 1.4;
    border-radius: 10px 0 0 10px;
    z-index: 999999;
}
.du-an-slider .slide-item {
    padding: 0px 14px;
}
.du-an-slider .slick-slide img {
    border-radius: 10px;
}
.du-an-slider .slide-item a img {
    margin-bottom: 10px;
}
h5.post-title-du-an span {
    font-size: 1.15em;
    font-weight: 600;
}
a.button.account-login.small.red {
    margin-top: 20px;
}
.content-blog h5 {
    margin-bottom: 0;
}
#lightbox-du-an .mfp-close, #lightbox-chi-tiet .mfp-close, #lightbox-thong-so .mfp-close, #lightbox-video .mfp-close, #lightbox-dac-diem .mfp-close, .off-canvas button.mfp-close  {
    display: block !important;
}
.mfp-close {
    display: none !important;
}
.single-product .product-labels {
    margin-bottom: 10px;
}
    .child-category-links {
        display: flex;
        overflow-x: auto;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
        gap: 10px;
        margin-bottom: 10px;
        padding: 10px 0;
    }