/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/* 
@font-face {
    font-family: 'SVN-Helga';
    src: url("fonts/SVN-Helga.otf");
} */

body {
}

.container-width, .full-width .ubermenu-nav, .container, .row {
    max-width: 1280px;
}

pre, blockquote, form, figure, p, dl, ul, ol {
    margin-bottom: 10px;
}


h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a {
}

.nav > li > a {
}
.menu-item-has-children > .sub-menu {
    border: none;
    border-radius: 0;
    padding: 0;
}
.menu-item-has-children > .sub-menu >li {
    
}
.menu-item-has-children > .sub-menu >li > a {
    font-weight: 400;
    height: 37px;
}
.menu-item-has-children > .sub-menu > .menu-item-has-children > .sub-menu {
    position: absolute;
    left: 100%;
    min-width: 200px;
    background: white;
    border-radius: 0;
    top: 0;
        display: none;
}

.menu-item-has-children > .sub-menu > .menu-item-has-children > .sub-menu >li {
   
}
.menu-item-has-children > .sub-menu > .menu-item-has-children > .sub-menu >li>a {
   font-size: 0.8em;
   color: black;
   text-transform: uppercase;
}
.menu-item-has-children > .sub-menu >li{
    width:100%;
}
.menu-item-has-children > .sub-menu >li:before{
    content:"";
    font-size: 13px;
    margin-left: .2em;
    opacity: .6;
    position: absolute;
    right: 10px;
    content: "\f054";
    font-family: 'FontAwesome';
    top: 8px;
}
.menu-item-has-children > .sub-menu >li > .menu-item-has-children > .sub-menu>li:before{display:none;}
.menu-item-has-children > .sub-menu > .menu-item-has-children > .sub-menu >li:before{display:none;}
.menu-item-has-children > .sub-menu >li:hover .sub-menu {
    display: block;
    -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, .15);
    box-shadow: 1px 1px 15px rgba(0, 0, 0, .15);
    transition: all 500ms;
}

.html_topbar_left .btnHeThong {
    text-align: center;
    background: url(images/store.png) no-repeat #009841;
    background-size: 20px;
    background-position: 5px 8px;
    border: 1px solid #009841;
    color: white;
    padding: 1px 10px;
    border-radius: 7px;
    height: 42px;
    width: 178px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding-left: 26px;
}

    .html_topbar_left .btnHeThong:hover {
        color: white;
    }

.btnHeThong span {
    /* font-weight: 400; */
    font-size: 12px;
}

.header-nav-main .header-search-form {
    width: calc(100% - 50px);
    padding-left: 60px;
}

    .header-nav-main .header-search-form .boxeSearch {
        position: relative;
    }

    .header-nav-main .header-search-form .search-field {
        min-height: 42px;
        /* width: calc(100% - 50px); */
        border: 1px solid #008744;
    }

    .header-nav-main .header-search-form .ux-search-submit {
        position: absolute;
        right: 0;
        min-height: 42px;
        width: 80px;
        background: #009841 !important;
        color: white !important;
    }

.button.icon.is-small {
    text-align: center;
    background: #009841;
    border: 1px solid #009841;
    color: white;
    padding: 1px 10px;
    border-radius: 7px;
    height: 42px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.hdPhone {
    text-align: center;
    background: #009841;
    border: 1px solid #009841;
    color: white;
    padding: 2px 10px;
    border-radius: 7px;
    height: 42px;
    width: 142px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

    .hdPhone span {
        display: block;
        font-size: 11px;
        margin-bottom: -2px;
    }

    .hdPhone a {
        color: #f8941a;
        font-weight: bold;
        font-size: 14px;
    }

.header-cart-link i {
    margin-left: 5px;
}

#masthead .nav-spacing-xlarge > li {
    margin: 0 5px;
}

.ftList {
}

    .ftList h4 {
        color: #334155;
        font-size: 16px;
    }

    .ftList ul {
        list-style: none;
    }

        .ftList ul li {
            margin: 0 0 6px;
            color: #475569;
        }

            .ftList ul li a {
                color: #475569;
                font-size: 16px;
            }

.ftInfo {
}

    .ftInfo h4 {
        color: #334155;
        font-size: 16px;
    }

    .ftInfo ul {
        list-style: none;
    }

        .ftInfo ul li {
            margin: 0 0 6px;
            color: #475569;
        }

            .ftInfo ul li a {
                font-size: 16px;
            }

.thanhtoanG {
    gap: 14px;
    margin: 0 !important;
}

    .thanhtoanG .gallery-col {
        max-width: 56px;
        padding: 0;
    }

    .thanhtoanG .box-image {
        padding: 3px !important;
    }

        .thanhtoanG .box-image img {
            position: relative;
        }

.ftSocial {
}

    .ftSocial ul {
        display: flex;
        gap: 16px;
    }

        .ftSocial ul li {
        }

            .ftSocial ul li a {
                width: 33px;
                display: block;
            }

            .ftSocial ul li:nth-child(1) a {
            }

            .ftSocial ul li:nth-child(2) a {
            }

            .ftSocial ul li:nth-child(3) a {
            }

            .ftSocial ul li:nth-child(4) a {
            }

.qrZalo {
    max-width: 115px;
    margin: 0;
}

    .qrZalo .box-image {
        text-align: center;
        margin-bottom: 5px;
    }

        .qrZalo .box-image .image-cover {
            padding: 0 !important;
        }

            .qrZalo .box-image .image-cover img {
                max-width: 92px;
                position: relative;
            }

    .qrZalo .box-text {
        margin: 0;
        padding: 0;
    }

        .qrZalo .box-text .box-text-inner {
        }

            .qrZalo .box-text .box-text-inner p {
            }

.row5Grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

.diviEx {
}

    .diviEx .col .col-inner {
        border-top: 1px solid #cbd5e1;
    }

.copyRight {
}

    .copyRight p {
        font-size: .875rem;
    }

.uytinBox {
}

    .uytinBox .icon-box-img {
    }

        .uytinBox .icon-box-img .icon {
        }

            .uytinBox .icon-box-img .icon .icon-inner {
                background: #008744;
                padding: 9px;
                border-radius: 7px;
            }

                .uytinBox .icon-box-img .icon .icon-inner.icon-inner img {
                    padding: 0;
                }

    .uytinBox .icon-box-text {
    }

        .uytinBox .icon-box-text h3 {
            font-size: 16px;
            color: #009841;
            margin-bottom: 0;
        }

        .uytinBox .icon-box-text p {
            font-size: .875rem;
            color: #1e293b;
            line-height: normal;
        }

.stHethong {
    border-bottom: 4px solid #f8941a;
}

.hethongText {
}

    .hethongText .icon-box {
        align-items: center;
    }

    .hethongText h4 {
        margin: 0;
        color: white;
        font-size: 1.375rem;
    }

    .hethongText .icon-box-left .icon-box-text {
        padding-left: 10px;
    }

    .hethongText .icon-box-img img {
        padding-top: 0;
    }

.hethongButton {
    margin: 0;
    background: white;
    color: #334155;
    font-weight: 600;
    letter-spacing: .15px;
    font-size: 14px;
}

    .hethongButton span {
    }

    .hethongButton:hover {
        background: #ffc53d;
        box-shadow: none;
        color: #334155;
    }

        .hethongButton:hover span {
        }

.btnNhathuoc {
    font-size: 1.125rem;
    background-color: white;
    letter-spacing: .15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .5rem !important;
    padding-left: 1rem;
    padding-right: 1rem;
    font-weight: bold;
    color: #334155;
    margin-bottom: 0;
}

    .btnNhathuoc span {
    }

    .btnNhathuoc:hover {
        font-size: 1.125rem;
        background-color: white;
        letter-spacing: .15px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: .5rem;
        padding-left: 1rem;
        padding-right: 1rem;
        color: #334155;
        box-shadow: none;
    }

        .btnNhathuoc:hover span {
        }

.nhathuocGallery {
}

    .nhathuocGallery .flickity-button {
        display: none;
    }

    .nhathuocGallery .box-image {
        border-radius: 10px;
        overflow: hidden;
    }

.stBannerex {
}

.bbottomSlideBox {
    /* transform: translate(0, -40px); */
    margin-top: -40px;
    padding-bottom: 15px;
}

.bbottomSlide {
}

.bottomSlideItem {
}

.bottomSlideThumb {
    border-radius: 13px;
    overflow: hidden;
    height: 196px;
}

    .bottomSlideThumb img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.categoryBox {
    border-radius: 1rem;
    padding: .5rem;
    border: 1px solid #e2e8f0;
    margin-bottom: 30px;
}

    .categoryBox .box-image {
        max-width: 108px;
    }

        .categoryBox .box-image .image-cover {
        }

            .categoryBox .box-image .image-cover img {
                height: 100%;
                width: 100%;
                -o-object-fit: cover;
                object-fit: cover;
            }

    .categoryBox .box-text {
        margin: 0;
        padding: 0;
    }

        .categoryBox .box-text .box-text-inner {
        }

            .categoryBox .box-text .box-text-inner h3 {
                color: #334155;
                font-size: 16px;
                margin: 10px 0 0 0;
                line-height: normal;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-line-clamp: 2;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                height: 38px;
            }

.danhmucHeading {
}

    .danhmucHeading h2 {
        font-size: 1.875rem;
        margin: 0;
    }

.banchayHeading {
}

    .banchayHeading h2 {
        font-size: 1.875rem;
        margin: 0;
        color: #323232;
    }

.banchayBox {
    align-items: center;
}

.thuonghieuSlideBox {
}

.thuonghieuSlide {
}

.thuonghieuItem {
}

.thuonghieuThumb {
    border: 1px solid #e2e8f0;
    background: white;
    padding: .25rem;
    transition-duration: .2s;
    border-radius: 1rem;
    height: 97px;
    overflow: hidden;
}

    .thuonghieuThumb img {
        height: 100%;
        width: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }

.thuonghieuHeading {
}

    .thuonghieuHeading h2 {
        font-size: 1.875rem;
        margin: 0;
        color: #1e293b;
    }

.postOne {
    background-color: white;
    padding: .75rem;
    border-radius: .5rem;
}

.postOneThumb {
    height: 342px;
    overflow: hidden;
    border-radius: .25rem;
}

    .postOneThumb img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        transition: all 1s;
        transition-duration: .3s;
    }

.postOneContent {
}

.postOneTitle {
    margin: 10px 0;
}

    .postOneTitle a {
        font-size: 1.25rem;
        color: #0f172a;
        line-height: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        font-weight: bold;
    }

.postOneDescription {
    font-size: .875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: #475569;
}

.postOne:hover .postOneThumb img {
    transform: scale(1.05);
}

.postOne:hover .postOneTitle a {
    color: #008744;
}

.gtvHeading {
    margin: 0;
}

    .gtvHeading .section-title-normal {
        margin: 0;
        border: none;
    }

        .gtvHeading .section-title-normal b {
        }

        .gtvHeading .section-title-normal .section-title-main {
            border: none;
            padding: 0;
            font-size: 1.875rem;
            color: #1e293b;
        }

.postTwo {
    background-color: white;
    padding: .75rem;
    border-radius: .5rem;
    margin-bottom: 33px;
    display: flex;
    gap: .75rem;
    align-items: center;
}

.postTwoThumb {
    width: 202px;
    flex-shrink: 0;
    border-radius: .25rem;
    overflow: hidden;
}

    .postTwoThumb img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        transition: all 1s;
        transition-duration: .3s;
    }

.postTwoContent {
}

.postTwoTitle {
    margin-bottom: 10px;
}

    .postTwoTitle a {
        font-size: 16px;
        color: #0f172a;
        line-height: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        font-weight: bold;
    }

.postTwoDescription {
    font-size: 0.95em;
    color: #0f172a;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.postTwo:last-child {
    margin-bottom: 0;
}

.gtvHeading a {
    background: #009841;
    color: white;
    font-size: 1rem;
    line-height: 40px;
    border-radius: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

    .gtvHeading a i {
        color: white;
        opacity: 1;
    }

.aboutB1 {
}

    .aboutB1 .img-inner {
        border-radius: .5rem;
    }

        .aboutB1 .img-inner img {
        }

.tonchiItem {
    border-radius: 0.5em;
    overflow: hidden;
    margin-bottom: 30px;
}

    .tonchiItem .box-image {
    }

        .tonchiItem .box-image .image-cover {
        }

    .tonchiItem .box-text {
        padding: 16px;
        background: #f1f5f9;
    }

        .tonchiItem .box-text .box-text-inner {
        }

            .tonchiItem .box-text .box-text-inner h4 {
                font-size: 1.375rem;
                color: #009841;
                margin-bottom: 12px;
            }

            .tonchiItem .box-text .box-text-inner p {
                color: #475569;
                font-size: 1.125em;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-line-clamp: 2;
                display: -webkit-box;
                -webkit-box-orient: vertical;
            }

.tamnhinItem {
    align-items: center;
}

    .tamnhinItem .icon-box-img {
    }

        .tamnhinItem .icon-box-img .icon {
        }

            .tamnhinItem .icon-box-img .icon .icon-inner {
                border-radius: 0.5rem;
                overflow: hidden;
            }

                .tamnhinItem .icon-box-img .icon .icon-inner img {
                    margin: 0;
                    padding: 0;
                    height: 100%;
                    width: 100%;
                    -o-object-fit: cover;
                    object-fit: cover;
                }

    .tamnhinItem .icon-box-text {
    }

        .tamnhinItem .icon-box-text h3 {
            font-size: 1.75rem;
            margin: 0;
        }

.tamnhinCol {
}

    .tamnhinCol p {
        font-size: 1.125rem;
        color: #475569;
    }

.contact-form-wrap .col-inner {
    border-top: 1px solid #e0e0e0;
    background-color: #fff;
    box-shadow: 0 20px 20px rgba(0,0,0,.075);
    padding: 30px 30px 1px;
    border-radius: 30px;
    margin-bottom: 15px;
}

.imgContactPage img {
    width: auto;
    margin: 0 auto;
    display: block;
}

.contact-form-wrap .form-header {
    text-transform: uppercase;
    color: #808000;
    font-weight: 900;
    font-size: 20px;
    margin-bottom: 15px;
}

.contact-form label {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
}

.contact-form .btn-submit {
    background-color: #009841;
    width: 100%;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 40px;
    margin: 0;
    line-height: 40px;
}

.contactInfo h3 {
    font-size: 24px;
    color: #009841;
}

.contactInfo ul {
    /* list-style: none; */
}

.account-register-inner .user-registration {
    border: none;
    padding: 0;
}

    .account-register-inner .user-registration form {
    }

    .account-register-inner .user-registration label {
        margin-top: 0 !important;
        margin-bottom: 6px !important;
    }

    .account-register-inner .user-registration .input-text {
        box-shadow: none !important;
        border-radius: 6px !important;
        overflow: hidden;
    }

.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item {
    margin-bottom: 13px;
}

.ur-submit-button {
    text-align: center;
    background: #008744;
    border: 1px solid #008744;
    color: white;
    padding: 1px 10px;
    border-radius: 7px;
    height: 42px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-right: 0 !important;
}

.woocommerce-form-login__submit {
    text-align: center;
    background: #008744;
    border: 1px solid #008744;
    color: white;
    padding: 1px 10px;
    border-radius: 7px;
    height: 42px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.woocommerce-Input--text {
    box-shadow: none !important;
    border-radius: 6px !important;
    overflow: hidden;
}

.ur-frontend-form .ur-form-row .ur-form-grid {
    padding: 0 0;
}

.ur-frontend-form .ur-button-container {
    display: flex;
    margin-top: 10px;
    padding: 0 0px;
}

.lightbox-content {
    border-radius: 6px !important;
}

.user-registration-message ul, .user-registration-error ul, .user-registration-info ul {
    margin: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
    display: inline-block;
}

.ur-frontend-form .ur-button-container .ur-submit-button {
    margin-left: unset;
}

.col25 {
}

.proGroupPrice {
    margin-top: 4px;
    align-items: center;
    flex-wrap: wrap;
    display: flex;
    gap: 5px;
}

    .proGroupPrice .contact {
        color: #f8941a;
        font-weight: 700;
    }

.proItem {
    background: white;
    padding: .5rem;
    border: 1px solid #e2e8f0;
    border-radius: .5rem;
    overflow: hidden;
}

    .proItem:hover {
        border-color: #009841;
    }

.proThumb {
    height: 201px;
    overflow: hidden;
    padding-left: .5rem;
    padding-right: .5rem;
}

    .proThumb img {
        height: 100%;
        width: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        transition-duration: .3s;
        transition: all 300ms;
    }

.proContent {
}
.proContent2 {    display: flex;
    gap: 20px;
    margin:3px 0;
}

.proTitle {
    margin-top: 4px;
}

    .proTitle a {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        color: #0f172a;
    }

.proXuatxu {
}

.proThuonghieu {
}

.proAddToCart {
    margin-top: .75rem;
}

    .proAddToCart a {
        height: 2.25rem;
        display: block;
        color: #475569;
        font-weight: bold;
        background: white;
        border: 1px solid #cbd5e1;
        text-align: center;
        line-height: 2.25rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: .5rem;
        padding-left: 1rem;
        padding-right: 1rem;
        font-weight: 700;
        font-size: .875rem;
        text-transform: uppercase;
        line-height: 130%;
    }

        .proAddToCart a:hover {
            background: #009841;
            color: white;
            border-color: #009841;
        }

.text-one {
    margin-right: .25rem;
    white-space: nowrap;
    color: #94a3b8;
}

.text-gray {
    color: #334155;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.proField {
    font-size: .875rem;
    display: flex;
    align-items: center;
    margin-top: 4px;
}

    .proField .text-gray {
    }

.proItem:hover .proThumb img {
    transform: scale(1.05);
}

.grid {
    display: grid;
}

.proGroupPrice .new {
}

    .proGroupPrice .new span {
        color: #22924e;
        font-weight: 700;
    }



.proGroupPrice .old {
    font-size: .75rem;
}

    .proGroupPrice .old span {
    }

.proTage {
    font-size: .75rem;
    display: inline-block;
    border-radius: .125rem;
    padding: .125rem .25rem;
    --tw-text-opacity: 1;
    color: #1653af;
    background: linear-gradient(0deg, rgba(22, 83, 175, .05), rgba(22, 83, 175, .05)), #fcfcfc;
}

.productst-e {
    background-color: white;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.justify-between {
    justify-content: space-between;
}

.items-center {
    align-items: center;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-col {
    flex-direction: column;
}

.flex {
    display: flex;
}

.text-green-500 {
    --tw-text-opacity: 1;
    color: #008744;
}

.font-medium {
    font-weight: 500;
}

.ml-4 {
    margin-left: 1rem;
}

.overflow-x-auto {
    overflow-x: auto;
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.max-w-full {
    max-width: 100%;
}

.btn.label {
    font-size: .875rem;
    line-height: 150%;
}

.btn.is-icon {
    font-size: .875rem;
    line-height: 150%;
}

.whitespace-nowrap {
    white-space: nowrap;
}

.font-normal {
    font-weight: 400;
}

.productst-e .btn {
    --tw-bg-opacity: 1;
    background-color: #009841;
    --tw-text-opacity: 1;
    color: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 40px;
}

.productst-e h2 {
    --tw-text-opacity: 1;
    color: rgb(30 41 59 / var(--tw-text-opacity));
    margin: 0;
    font-size: 1.875rem;
}

.productst-e .btnSubCategorye {
    border: 1px solid #cbd5e1;
    background: white;
    color: #475569;
}

    .productst-e .btnSubCategorye:hover {
        border-color: #009841;
        color: #009841;
        background: white;
    }

.chItem {
    --tw-border-opacity: 1;
    border-bottom: 1px solid #e2e8f0;
    cursor: pointer;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.chTitle h4 {
    font-size: .875rem;
    letter-spacing: .25px;
    font-weight: 500;
    color: black;
}

.chField {
    --tw-space-y-reverse: 0;
    margin-top: calc(.25rem* calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.25rem* var(--tw-space-y-reverse));
    display: block;
    font-size: .875rem;
    color: #334155;
}

.chGroup {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .chGroup a {
        font-size: .875rem;
    }

        .chGroup a:first-child {
            --tw-text-opacity: 1;
            color: rgb(19 94 239 / var(--tw-text-opacity));
            text-decoration-line: underline;
        }

        .chGroup a:last-child {
            --tw-text-opacity: 1;
            color: #f8941a;
            text-decoration-line: underline;
        }

.chBox {
    flex-direction: row;
    display: flex;
}

.chCol1 {
    border: 1px solid rgba(34, 146, 78, .3);
    box-shadow: 1px 1px 4px #00000026;
    border-radius: 8px;
    width: 420px;
    margin-right: .5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    overflow: hidden;
}

    .chCol1 h3 {
        padding-top: .5rem;
        padding-bottom: .5rem;
        padding-left: 1rem;
        padding-right: 1rem;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
        --tw-bg-opacity: 1;
        background-color: #009841;
        font-size: 1rem;
    }

.chList {
    height: 546px;
    border-bottom-width: 1px;
    cursor: pointer;
    padding-left: 1rem;
    padding-right: 1rem;
    overflow-y: auto;
}

    .chList::-webkit-scrollbar {
        width: 4px;
        border-radius: 4px;
        overflow: hidden;
    }

    .chList::-webkit-scrollbar-track {
        background: #f1f5f9;
        border-radius: 4px;
        overflow: hidden;
    }

    .chList::-webkit-scrollbar-thumb {
        background: #cbd5e1;
    }

        .chList::-webkit-scrollbar-thumb:hover {
            background: #f1f5f9;
        }

.chItem .chField {
    padding-left: 21px;
}

    .chItem .chField:nth-child(1) {
    }

    .chItem .chField:nth-child(2) {
        background: url(images/ch1.png) 0px 2px no-repeat;
        background-size: 15px;
    }

    .chItem .chField:nth-child(3) {
        background: url(images/ch2.png) 0px 1px no-repeat;
        background-size: 15px;
    }

    .chItem .chField:nth-child(4) {
        background: url(images/ch3.png) 0px 2px no-repeat;
        background-size: 15px;
    }

.chCol2 {
    flex: 1 1 0%;
    border-radius: .25rem;
    overflow: hidden;
}

    .chCol2 iframe {
        width: 100%;
        height: 100%;
        display: block;
        vertical-align: middle;
    }

.stPageHethong {
    overflow: hidden;
}

.hethongImgCol {
    padding: 0 !important;
}

.shape {
    background: linear-gradient(310.78deg, #dbf476 11.58%, rgba(197, 255, 187, 0) 78.45%);
    mix-blend-mode: soft-light;
    opacity: 0.2;
    transform: rotate(-180deg);
    width: 580px;
    position: absolute;
    height: 580px;
    border-radius: 9999px;
    /* top: 36px; */
    left: 60px;
}

.hethongimg {
    max-width: 374px;
}

.stPageHethong .btnHethongx {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    letter-spacing: .15px;
    --tw-text-opacity: 1;
    color: rgb(51 65 85 / var(--tw-text-opacity));
    --tw-space-y-reverse: 0;
    margin-top: calc(16px* calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(16px* var(--tw-space-y-reverse));
    font-size: 1.125rem;
    border: none;
    line-height: 3rem;
    height: 3rem;
}

    .stPageHethong .btnHethongx:hover {
        background: #ffc53d;
        color: #334155;
    }

span.widget-title {
    font-size: 1em;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(51 65 85 / var(--tw-text-opacity));
}

.widget .is-divider {
    display: none;
}

.product-categories .cat-item a {
    font-size: .875rem;
    letter-spacing: .25px;
    --tw-text-opacity: 1;
    color: rgb(71 85 105 / var(--tw-text-opacity));
}

.pageHeadingex {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    font-size: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(19 25 40 / var(--tw-text-opacity));
}

.shop-page-title .page-title-inner {
    padding: 0;
}

.shop-page-title {
    /* margin-bottom: 1rem; */
    color: rgb(19 25 40 / var(--tw-text-opacity));
    margin: 0;
}

.woocommerce-breadcrumb {
    display: none;
}

.pageKea {
    margin-bottom: 30px;
}

.category-page-row {
    padding-top: 0;
}

#breadcrumbs {
    text-align: left;
    margin-bottom: 10px;
    font-size: 14px;
    padding: 10px 0;
}

.blog-archive .archive-page-header .page-title {
    text-align: left;
    text-transform: none;
    letter-spacing: 0;
    font-size: 25px;
    color: #009841;
}



.blog-archive .taxonomy-description {
    text-align: left;
    font-size: 15px;
}

.blog-archive .post-item {
    padding-bottom: 10px;
}

    .blog-archive .post-item .box-image .image-cover {
        border-radius: 5px;
    }

    .blog-archive .post-item .post-title {
        font-size: 19px;
        margin-bottom: 10px;
        color: #026800;
    }

.blognew-item {
    overflow: hidden;
    box-shadow: -2px 3px 20px 0px rgb(0 0 0 / 8%);
    -webkit-box-shadow: -2px 3px 20px 0px rgb(0 0 0 / 8%);
    -moz-box-shadow: -2px 3px 20px 0px rgb(0 0 0 / 8%);
    margin-bottom: 30px;
    display: flex;
    padding: .75rem;
    border-radius: .5rem;
    background: white;
}

.blognew-thumb {
    position: relative;
    overflow: hidden;
    max-width: 310px;
    border-radius: .25rem;
}

    .blognew-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.blognew-content {
    padding: 16px 20px;
}

.blognew-date {
    color: var(--s-3-p-2, #35418A);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 5px;
}

.blognew-title {
    margin-bottom: 7px;
}

    .blognew-title a {
        color: #009841;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        display: block;
        overflow: hidden;
        height: auto;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

.blognew-description {
    color: #000;
    text-align: justify;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    height: auto;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 12px;
}

.blognewgr {
}

.recent-posts-extended .widget-title {
    background: var(--s-3-p-5, linear-gradient(116deg, #009841 8.44%, #008744 66.38%));
    text-align: left;
    display: block;
    padding: 16px;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0;
    text-transform: uppercase;
}

.rpwe-block {
    background: white;
    border: 1px solid #ccc;
    border-top: 0;
    border-radius: 0 0 15px 15px;
    padding: 10px;
}


.widget_categories .widget-title {
    background: var(--s-3-p-5, linear-gradient(116deg, #009841 8.44%, #008744 66.38%));
    text-align: left;
    display: block;
    padding: 16px;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0;
    text-transform: uppercase;
}

.widget_categories ul {
    background: white;
    border: 1px solid #ccc;
    border-top: 0;
    border-radius: 0 0 15px 15px;
    padding: 15px;
}

.widget_categories .cat-item a {
    width: 100%;
    border-bottom: 1px solid #ced4da;
    color: black;
}

.widget_categories {
    border-radius: 10px;
    overflow: hidden;
}

.blog-wrapper {
    padding-top: 0;
}

.blog-single h2 {
    font-weight: bold;
    font-size: 26px;
    color: #009841;
}

.postRelate {
    flex-wrap: wrap;
    background: white;
    box-shadow: -2px 3px 20px 0px rgb(0 0 0 / 8%);
    -webkit-box-shadow: -2px 3px 20px 0px rgb(0 0 0 / 8%);
    -moz-box-shadow: -2px 3px 20px 0px rgb(0 0 0 / 8%);
    margin-bottom: 30px !important;
}

    .postRelate .postTwoThumb {
        width: 100%;
        height: 129px;
    }

.signPostTitle {
    font-size: 2rem;
    --tw-text-opacity: 1;
    color: rgb(15 23 42 / var(--tw-text-opacity));
}

.bai-viet-lien-quan {
    padding-top: 48px;
    padding-bottom: 48px;
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.recent-posts-extended {
    border-radius: 10px;
    overflow: hidden;
}

    .recent-posts-extended .rpwe-thumb {
        border: 1px solid white !important;
        padding: 0 !important;
        object-fit: cover;
    }

.rpwe-block a {
    font-weight: bold;
    color: #009841;
    font-size: 12px;
}

.relateProBox {
    padding-top: 48px;
    padding-bottom: 48px;
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

    .relateProBox h3 {
        font-weight: bold;
        font-size: 26px;
        color: #009841;
    }

.product-section .mt {
    text-transform: none;
    letter-spacing: 0;
    font-size: 20px;
    color: #009841;
}

.panel.entry-content {
}

.quantity + .button {
    background: #008744;
    border-radius: 10px;
}

.camketBox {
    border-radius: .5rem;
    padding: .75rem;
    --tw-border-opacity: 1;
    border-color: rgb(203 213 225 / var(--tw-border-opacity));
    border-width: 1px;
    border-style: solid;
}

    .camketBox h3 {
        font-size: 1rem;
        --tw-text-opacity: 1;
        color: rgb(51 65 85 / var(--tw-text-opacity));
    }

.camketIbox {
    --tw-space-y-reverse: 0;
    margin-top: calc(16px* calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(16px* var(--tw-space-y-reverse));
}

    .camketIbox .icon-box-img {
    }

        .camketIbox .icon-box-img .icon {
        }

            .camketIbox .icon-box-img .icon .icon-inner {
            }

                .camketIbox .icon-box-img .icon .icon-inner img {
                }

    .camketIbox .icon-box-text {
    }

        .camketIbox .icon-box-text p {
            font-size: .875rem;
            color: #334155;
        }

.kmBoxexk {
    margin-top: 20px;
    border: 1px solid #e00000;
    padding: 20px 10px 0 10px;
    border-radius: 7px;
    font-size: 15px;
    color: #4c4c4c;
    margin-bottom: 20px;
}

    .kmBoxexk .title {
        position: absolute;
        margin-top: -34px;
        background: #fff;
        padding: 1px 8px;
        color: #ff0000;
        font-weight: 700;
        font-size: 16px;
    }

.khuyen-mai .title {
}
input[type=submit], input[type=submit].button, input[type=submit], .primary {

    background: #008744;
    border-radius: 10px;
}
.has-border {
    border: 1px solid #008744;
    padding: 15px 30px 30px;
}
.button, input[type=submit], input[type=submit].button, input[type=reset].button, input[type=button].button {
    color: #fff;
    background-color: #008744;
    background-color: #f8941a;
    border-radius: 10px;
}
.kmBoxexk ul li {
    margin-bottom: 2px;
    background-image: url(images/icon.png);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position-x: left;
    background-position-y: 4px;
    padding-left: 23px;
    list-style: none;
    margin-left: 0;
}
.header-bottom-nav{
    
}
.header-bottom-nav .flex-col:last-of-type {
     margin-left: unset!important;
}
.header-bottom-nav .search-field{
    background: white!important;
}
.header-bottom-nav .form-flat .ux-search-submit{
    position: absolute;
    right: 3px;
    min-height: 30px;
    height: 33px;
    width: 80px;
    background: #008744 !important;
    background-color: white!important;
    color: #008744 !important;
    border: 1px solid #008744!important;
}
/*Desktop*/
@media (min-width: 1366px) {
}


@media (min-width: 768px) {
    .mdgrid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .btn.is-icon {
        font-size: 1rem;
    }

    .btn.label {
        height: 2.5rem;
    }

    .btn.label {
        font-size: 1rem;
    }

    .md\:mb-4 {
        margin-bottom: 1rem;
    }

    .gap-x-3 {
        -moz-column-gap: .75rem;
        column-gap: .75rem;
    }

    .md\:mb-4 {
        margin-bottom: 1rem;
    }
}



@media (min-width: 1024px) {
    .lg\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(.5rem* var(--tw-space-x-reverse));
        margin-left: calc(.5rem* calc(1 - var(--tw-space-x-reverse)));
    }

    .grid-cols-4 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
}

@media (min-width: 1280px) {
    .xlgrid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .xl\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(.5rem* var(--tw-space-x-reverse));
        margin-left: calc(.5rem* calc(1 - var(--tw-space-x-reverse)));
    }

    .xl\:text-gray-800 {
        --tw-text-opacity: 1;
        color: rgb(30 41 59 / var(--tw-text-opacity));
    }

    .grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .xl\:items-center {
        align-items: center;
    }

    .xl\:flex-row {
        flex-direction: row;
    }

    .xl\:mb-6 {
        margin-bottom: 1.5rem;
    }

    .xl\:mb-0 {
        margin-bottom: 0;
    }

    .xl\:hidden {
        display: none !important;
    }

    .xl\:block {
        display: block !important;
        visibility: visible !important;
    }

    .btn.label-category {
        padding-left: .75rem;
        padding-right: .75rem;
        font-size: .875rem;
    }

    .gap-y-6 {
        row-gap: 1.5rem;
    }

    .btn.label-category {
        padding-left: .75rem;
        padding-right: .75rem;
        font-size: .875rem;
    }
}

@media (max-width: 48em) {
    .blognew-content {
        padding: 16px 0px;
    }
    .blognew-thumb {
    
        max-width: 100%;
       
    }
    .blognew-item {
     
        flex-wrap: wrap;
    }
    .rowGridList {
        grid-template-columns: repeat(1, 1fr);
    }
    .groupSube {
        gap: 10px;
    }
    .readCategoryE {
        min-width: 100px;
    }
    .max-w-full {
        margin-bottom: 10px;
    }
    .shape {
        width: 290px;
        height: 290px;
        right: -100px;
        top: 0;
        left: unset;
    }

    .chCol1 {
        width: 100%;
        margin-right: 0;
    }

    .chCol2 {
        display: none;
    }

    .grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gap-1 {
        gap: .25rem;
    }

    .postTwoTitle {
        margin-bottom: 5px;
    }


    .postTwoThumb {
        width: 40%;
    }

    .postOne {
        margin-bottom: 15px;
    }

    .postTwo {
        margin-bottom: 15px;
    }

    .uytinBox {
        margin-bottom: 15px;
    }

    .thuonghieuHeading h2 {
        font-size: 1.5rem;
    }

    .postOneThumb {
        height: 184px;
    }

    .bottomSlideThumb {
        height: 130px;
    }

    .header-cart-link i {
        margin-left: 0;
    }

    .hethongText h4 {
        margin: 0;
        color: white;
        font-size: 14px;
        display: inline-block;
        width: auto;
        background: url(images/imap.png) left center no-repeat;
        background-size: 20px;
        padding-left: 25px;
        margin-bottom: 6px;
    }

    .gtvHeading .section-title-normal .section-title-main {
        font-size: 1.5rem;
    }

    .banchayHeading h2 {
        font-size: 1.5rem;
    }

    .danhmucHeading h2 {
        font-size: 1.5rem;
    }
}