@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap");

/* Định nghĩa Biến Màu Sắc */
/* :root {
    --main-color: #ff1111;
    --hover-color: rgb(255, 50, 50);
    --secondary-color: var(gold);
    --background-color: var(--secondary-color);
    --whatsapp-bg: #25d366;
    --whatsapp-hover: #13b84f;
    --sale-color: #F31C1C;
    --gold-color: gold;
    --info-color: #59a8ff;
} */

h1,
h2,
h3,
h4,
h5,
h6.widget-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600;
    color: var(--main-color) !important;
}

.nav-previous,
.nav-next {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    font-size: 14px;
}

.widget-title {
    font-size: 14px !important;
}

.container,
.container-width,
.full-width .ubermenu-nav,
.row {
    max-width: 1230px !important;
}

.absolute-footer.dark {
    padding: 0;
}

.social-icons a {
    color: var(--main-color) !important;
}

.social-icons a:hover {
    color: var(--hover-color) !important;
}

body p,
body a,
body ul,
body ol,
body li,
body div {
    font-family: 'Open Sans', sans-serif !important;
}

body main a {
    color: var(--main-color) !important;
}

body main a:hover {
    color: var(--hover-color) !important;
}

body main .about-us-section a {
    color: var(--secondary-color);
}

body .row {
    padding-bottom: 0 !important;
}

body .row .col:not(.post-item) {
    padding-bottom: 0 !important;
}

body .row .col.product-gallery {
    padding-bottom: 20px !important;
}

body .row .col.product-info {
    padding-bottom: 20px !important;
}

body .product-lightbox .col.product-gallery {
    padding-bottom: 0 !important;
}

body .product-lightbox .is-divider,
body .product-lightbox .quantity,
body .product-lightbox .single_add_to_cart_button {
    display: none !important;
}

body .banner+.section-title-container,
body .row-collapse+.section-title-container,
body .slider-wrapper+.section-title-container {
    margin-top: 0 !important;
}

body .section-title-container {
    margin-bottom: 0 !important;
}

@media (max-width: 768px) {
    h2 {
        font-size: 18px;
    }
}

.main-co {
    color: var(--secondary-color) !important;
}

.second-co {
    color: var(--secondary-color);
}

.main-bg {
    background-color: var(--secondary-color);
}

.second-bg {
    background-color: var(--secondary-color);
}

.d-none {
    display: none !important;
}

.my-4 {
    margin: 20px 0;
}

.row-solid .col:after {
    border-bottom-style: none !important;
}

.underline .section-title {
    position: relative;
    padding: 12px;
}

.underline .section-title b {
    background-color: unset;
}

.underline .section-title:before {
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    background-color: var(--secondary-color);
    position: absolute;
    transform: rotate(45deg) translate(50%, 50%);
    left: 50%;
    bottom: 0;
}

.underline .section-title:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 780px;
    height: 1px;
    background: linear-gradient(to right, var(--secondary-color) 0%, var(--secondary-color) 45%, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0) 55%, var(--secondary-color) 55%, var(--secondary-color) 100%);
}

.via-whatsapp-btn {
    background-color: var(--whatsapp-bg);
    border-radius: 6px;
    font-size: 14px;
    padding: 8px 12px;
    display: flex;
    width: fit-content;
    align-items: center;
    color: #fff !important;
    margin-top: 16px;
    font-weight: 600;
}

.via-whatsapp-btn:hover {
    color: #fff !important;
    background-color: var(--whatsapp-hover);
}

.via-whatsapp-btn svg {
    margin-left: 4px;
    width: 24px;
    height: 24px;
    fill: #fff;
}

.partners-list .col {
    padding-bottom: 0;
}

.home-blog-sect .post-item .post-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    /* number of lines to show */
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.ft-contact {
    list-style: none;
}

.ft-contact li {
    margin: 0 !important;
}

.button {
    margin-bottom: 0 !important;
}

.box.box-vertical .image-cover {
    padding-top: 100% !important;
}

.wpcf7-response-output,
.wpcf7-spinner,
.sku_wrapper {
    display: none !important;
}

.product_meta>span {
    border-top: unset !important;
    padding: 18px 0 !important;
}

.btn-sendcf7 {
    width: 100% !important;
    background-color: #f3961c !important;
}

span.amount {
    font-size: 18px;
}

.price {
    font-size: 14px;
}

.price span.amount {
    font-size: 18px;
}

.gt_switcher-popup span {
    display: none;
}

.product_list_widget li {
    font-size: 14px;
}

.product_list_widget li .product-title {
    display: block;
    display: -webkit-box;
    line-height: 1.2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px !important;
    max-height: 42px;
    /* 2 dòng lời */
    margin: 0;
    padding: 0;
    font-size: 16px;
}

.product_list_widget li span.amount {
    font-size: 16px;
}

.section-title.section-title-center {
    justify-content: center !important;
}

/*homepage*/
@media (max-width: 768px) {
    .section-title.section-title-center b {
        display: none;
    }
}

.button.white.is-outline {
    /*homepage*/
    border-width: 0.5px;
    margin-top: 0;
}

@media (max-width: 768px) {
    .button.white.is-outline.is-xxlarge {
        font-size: 18px;
    }
}

.ux-swatches--circle .ux-swatch {
    box-shadow: none;
    padding: 0;
}

.ux-swatches--circle .ux-swatch:hover:not(.selected):not(.disabled) {
    box-shadow: 0 0 0 0.07rem var(--secondary-color);
}

.nav-dropdown-has-border .nav-dropdown {
    /*header*/
    border: none !important;
}

.three-step-title {
    /*homepage*/
}

.three-step-title h2 {
    margin-bottom: 0;
    line-height: 1;
}

.my-cus-reviews .flickity-viewport {
    /*homepage*/
}

@media (max-width: 768px) {
    .my-cus-reviews .flickity-viewport {
        height: 261px !important;
        padding-top: 18px;
    }
}

.my-cus-menu {
    /*header*/
    border: unset !important;
    border-color: #08080800 !important;
}

.my-cus-menu a {
    color: var(--main-color);
}

.my-cus-menu a.ux-menu-link__link {
    font-size: 14px !important;
}

.nav-sidebar.nav-vertical>li>a {
    font-size: 18px !important;
}

.my-cus-footer {
    /*footer*/
}

.my-cus-footer p {
    margin-bottom: 0;
}

.my-cus-footer p a {
    color: var(--main-color);
}

.my-cus-footer .ux-menu-link a {
    font-size: 15px;
}

@media (max-width: 768px) {
    .my-cus-footer .ux-menu-link a.ux-menu-link__link {
        justify-content: center !important;
    }
}

@media (max-width: 768px) {
    .absolute-footer {
        padding: 0 !important;
    }
}

.button.is-outline,
input[type=button].is-outline,
input[type=reset].is-outline,
input[type=submit].is-outline {
    /*cpnent*/
    border-width: 1px !important;
}

.nav-pagination>li>a,
.nav-pagination>li>span {
    /*cpnent*/
    border-width: 1px !important;
}

.slider-nav-circle .flickity-prev-next-button .arrow,
.slider-nav-circle .flickity-prev-next-button svg {
    /*cpnent*/
    border-width: 1px !important;
}

@media (max-width: 768px) {
    .review-form-inner {
        padding: 14px !important;
    }
}

div.product .box-image {
    border-bottom: 0;
}

div.product .box-text .title-wrapper {
    font-size: 16px;
}

#commentform .stars a {
    font-family: 'fl-icons' !important;
}

.woocommerce-review-link {
    display: none;
}

.star-rating span:before {
    color: var(--gold-color) !important;
}

.badge-inner.secondary.on-sale {
    background-color: var(--main-color) !important;
}

.callout.badge.badge-square {
    font-size: 14px !important;
}

.nav-dropdown-default {
    padding: 20px !important;
}

.nav-dropdown-default li:hover {
    background-color: unset !important;
}

body.single-product .product-gallery,
body.single-product .product-info {
    background-color: #fff;
    padding-top: 20px;
}

body.single-product .product-gallery img.wp-post-image,
body.single-product .product-info img.wp-post-image {
    object-fit: cover;
}

body.single-product #product-sidebar {
    background-color: #fff;
    border-radius: 8px;
    padding: 20px;
    margin-left: 20px;
}

body.single-product #product-sidebar .cat-item {
    font-size: 14px;
}

body.single-product #product-sidebar img.attachment-woocommerce_gallery_thumbnail {
    border-radius: 4px;
}

body.single-product #product-sidebar .product-title {
    font-size: 13px;
}

body.single-product #product-sidebar .woocommerce-Price-amount {
    font-size: 12px;
}

body.single-product .product-gallery {
    border-radius: 8px 0 0 8px;
}

body.single-product .product-gallery .callout.badge.badge-square {
    height: 50px !important;
    width: 50px !important;
    font-size: 16px !important;
}

body.single-product .product-info {
    border-radius: 0 8px 8px 0;
}

body.single-product .product-info form.wpcf7-form {
    margin-bottom: 0;
}

body.single-product .product-info form.wpcf7-form input[type="submit"] {
    margin: 0;
    font-size: 12px;
    text-align: right;
}

body.single-product .product-info .price {
    font-size: 14px;
}

body.single-product .product-info .product-title {
    font-size: 24px;
}

body.single-product .product-info .quantity {
    display: none;
}

body.single-product .product-info .variations {
    margin-bottom: 8px;
}

body.single-product .product-info .woocommerce-Price-amount bdi {
    font-size: 20px;
    color: var(--main-color) !important;
}

body.single-product .product-info .single_add_to_cart_button {
    display: none !important;
    background-color: var(--main-color);
    border-radius: 6px;
    font-size: 14px;
    text-transform: capitalize;
}

body.single-product .product-info .cus-contact-form-add label {
    font-size: 16px;
}

body.single-product .product-info .cus-contact-form-add input.wpcf7-submit[type="submit"] {
    background-color: var(--main-color);
    border-radius: 6px;
    font-size: 14px;
    text-transform: capitalize;
    margin: 0 !important;
}

body.single-product .product-info .custorm_quickbuy {
    display: block;
}

@media (min-width: 992px) {
    body.single-product .product-info .sticky-add-to-cart:not(.sticky-add-to-cart--active) {
        display: flex;
    }

    body.single-product .product-info .sticky-add-to-cart:not(.sticky-add-to-cart--active) .single_add_to_cart_button {
        font-size: 14px;
        flex-grow: 1;
    }

    body.single-product .product-info .sticky-add-to-cart:not(.sticky-add-to-cart--active) .quantity.buttons_added {
        margin-bottom: 0;
    }
}

body.single-product .product-footer>.container {
    background-color: #fff;
    border-radius: 8px;
}

body.single-product .product-footer .woocommerce-tabs {
    border: none;
}

body.single-product .product-footer .woocommerce-Tabs-panel--description p {
    text-align: justify;
}

body.single-product .product-footer .woocommerce-Tabs-panel--description img,
body.single-product .product-footer .woocommerce-Tabs-panel--description figure {
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.sticky-mobile-menu {
    position: fixed;
    left: 0;
    bottom: -100px;
    transition: bottom 0.3s ease-in-out;
    z-index: 999;
    -webkit-box-shadow: 0px -8px 29px -12px rgba(0, 0, 0, 0.2);
    box-shadow: 0px -8px 29px -12px rgba(0, 0, 0, 0.2);
}

.sticky-mobile-menu .icon-box-center .icon-box-img {
    margin: 0 auto 4px;
}

@media (max-width: 549px) {
    #footer {
        margin-bottom: 90px;
    }
}

.n666-tab {
    background-color: var(--main-color);
    padding: 20px;
    border-radius: 12px;
}

header .nav-top-link {
    flex-direction: column;
}

.nav li.has-icon-left>a>i,
.nav li.has-icon-left>a>img,
.nav li.has-icon-left>a>svg {
    margin: 0 0 4px 0 !important;
}

.dang-nhap-dang-ky .row.row-collapse {
    max-width: 420px !important;
}

.label-hot.menu-item>a:after {
    animation: colorChangeHot 0.3s infinite;
}

.label-new.menu-item>a:after {
    animation: colorChangeNew 0.3s infinite;
}

/* main #content.page-wrapper{
	background: black !important;
} */

main #content.page-wrapper .blog-wrapper h1,
h2,
h3,
h4,
h5,
h6.widget-title {
    color: var(--main-color) !important;
}

/* main #content.page-wrapper .blog-wrapper article.post p, span, b {
  color: black; } */

main #content.page-wrapper .blog-wrapper article.post h1,
h2,
h3,
h4,
h5,
h6.widget-title i,
b {
    color: var(--main-color) !important;
}

main #content.page-wrapper .post-item h1,
h2,
h3,
h4,
h5,
h6.widget-title {
    color: var(--main-color) !important;
}

main #content.page-wrapper .post-item h1,
h2,
h3,
h4,
h5,
h6.widget-title b {
    color: var(--main-color) !important;
}

main #content.page-wrapper .post-item h1,
h2,
h3,
h4,
h5,
h6.widget-title i {
    color: var(--main-color) !important;
}

main #content.page-wrapper .post-item p {
    color: var(--main-color) !important;
}

#comments {
    display: none !important;
}

header .header-nav.header-nav-main {
    justify-content: center !important;
}

@keyframes colorChangeHot {
    0% {
        background-color: gold;
    }

    50% {
        background-color: rgb(143 0 0);
    }

    100% {
        background-color: gold;
    }
}

@keyframes colorChangeNew {
    0% {
        background-color: rgb(143 0 0);
    }

    50% {
        background-color: #59a8ff;
    }

    100% {
        background-color: rgb(143 0 0);
    }
}

.home-giai-dap h2 {
    color: var(--main-color) !important;
}

.home-giai-dap h2 b {
    color: var(--main-color) !important;
}

.red-border {
    border-radius: 12px;
    border: 3px solid var(--main-color);
}

.section-title b {
    display: none !important;
}

.absolute-footer {
    display: none !important;
}

#logo {
    width: 150px !important;
    margin: 0 !important;
}

.header-nav-main.nav.nav-right {
    width: 230px !important;
}

.mobile-nav .icon-menu {
    color: var(--main-color);
}

.section-title-normal span {
    border-bottom: none !important;
}

.nav>li>a{
	display: inline-block !important;
}

.white-co a {
	color: #fff !important;
}

.white-co a:hover {
	color: #fff !important;
}