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


/* ==========================================================================
   SVN Quiche Sans Font Family
   ========================================================================== */

/* Quiche Sans Thin */
@font-face {
    font-family: 'SVN Quiche Sans';
    src: url('../fonts/svn-quiche-sans/SVN-Quiche Sans Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN Quiche Sans';
    src: url('../fonts/svn-quiche-sans/SVN-Quiche Sans Thin Italic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

/* Quiche Sans Light */
@font-face {
    font-family: 'SVN Quiche Sans';
    src: url('../fonts/svn-quiche-sans/SVN-Quiche Sans Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN Quiche Sans';
    src: url('../fonts/svn-quiche-sans/SVN-Quiche Sans Light Italic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/* Quiche Sans Regular */
@font-face {
    font-family: 'SVN Quiche Sans';
    src: url('../fonts/svn-quiche-sans/SVN-Quiche Sans Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN Quiche Sans';
    src: url('../fonts/svn-quiche-sans/SVN-Quiche Sans Regular Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Quiche Sans Medium */
@font-face {
    font-family: 'SVN Quiche Sans';
    src: url('../fonts/svn-quiche-sans/SVN-Quiche Sans Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN Quiche Sans';
    src: url('../fonts/svn-quiche-sans/SVN-Quiche Sans Medium Italic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

/* Quiche Sans Bold */
@font-face {
    font-family: 'SVN Quiche Sans';
    src: url('./template-parts/product-landings/assets/fonts/svn-quiche-sans/SVN-Quiche Sans Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN Quiche Sans';
    src: url('./template-parts/product-landings/assets/fonts/svn-quiche-sans/SVN-Quiche Sans Bold Italic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* Quiche Sans ExtraBold */
@font-face {
    font-family: 'SVN Quiche Sans';
    src: url('./template-parts/product-landings/assets/fonts/svn-quiche-sans/SVN-Quiche Sans ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN Quiche Sans';
    src: url('./template-parts/product-landings/assets/fonts/svn-quiche-sans/SVN-Quiche Sans ExtraBold Italic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

/* Quiche Sans Black */
@font-face {
    font-family: 'SVN Quiche Sans';
    src: url('./template-parts/product-landings/assets/fonts/svn-quiche-sans/SVN-Quiche Sans Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN Quiche Sans';
    src: url('./template-parts/product-landings/assets/fonts/svn-quiche-sans/SVN-Quiche Sans Black Italic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}


@font-face {
    font-family: 'Poppins';
    src: url("./assets/fonts/SVN-Poppins/SVN-Poppins-Regular.ttf");
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: 'Poppins';
    src: url("./assets/fonts/SVN-Poppins/SVN-Poppins-Italic.ttf");
    font-style: italic;
    font-weight: 400;
}
@font-face {
    font-family: 'Poppins';
    src: url("./assets/fonts/SVN-Poppins/SVN-Poppins-Medium.ttf");
    font-style: normal;
    font-weight: 500;
}
@font-face {
    font-family: 'Poppins';
    src: url("./assets/fonts/SVN-Poppins/SVN-Poppins-MediumItalic.ttf");
    font-style: italic;
    font-weight: 500;
}
@font-face {
    font-family: 'Poppins';
    src: url("./assets/fonts/SVN-Poppins/SVN-Poppins-SemiBold.ttf");
    font-style: normal;
    font-weight: 600;
}
@font-face {
    font-family: 'Poppins';
    src: url("./assets/fonts/SVN-Poppins/SVN-Poppins-SemiBold.ttf");
    font-style: italic;
    font-weight: 600;
}
@font-face {
    font-family: 'Poppins';
    src: url("./assets/fonts/SVN-Poppins/SVN-Poppins-Bold.ttf");
    font-style: normal;
    font-weight: 700;
}
@font-face {
    font-family: 'Poppins';
    src: url("./assets/fonts/SVN-Poppins/SVN-Poppins-BoldItalic.ttf");
    font-style: italic;
    font-weight: 700;
}
@font-face {
    font-family: 'Poppins';
    src: url("./assets/fonts/SVN-Poppins/SVN-Poppins-ExtraBold.ttf");
    font-style: normal;
    font-weight: 800;
}
@font-face {
    font-family: 'Poppins';
    src: url("./assets/fonts/SVN-Poppins/SVN-Poppins-ExtraBoldItalic.ttf");
    font-style: italic;
    font-weight: 800;
}
@font-face {
    font-family: 'Poppins';
    src: url("./assets/fonts/SVN-Poppins/SVN-Poppins-Black.ttf");
    font-style: normal;
    font-weight: 900;
}
@font-face {
    font-family: 'Poppins';
    src: url("./assets/fonts/SVN-Poppins/SVN-Poppins-BlackItalic.ttf");
    font-style: italic;
    font-weight: 900;
}

:root {
    --fs-color-black: #000;
    --fs-color-white: #fff;
    --fs-color-grey: #ccc;
    --FontAwesome: 'Font Awesome 7 Pro';
}



.nav > li > a,
body,
h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a {
    font-family: 'Poppins' !important;
}
h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2 {
    font-weight: 600 !important;
}
/* .home h1,.home h2,.home h3,.home h4,.home h5,.home h6,.home .heading-font,.home .banner h1,.home .banner h2 {
    font-weight: 400 !important;
}
 */

body .mdc-text-white {
	color: #ffffff !important;
}

body .mdc-section-desc,
body p.mdc-section-desc {
	font-size: 1.1rem !important;
	text-align: justify;
	letter-spacing: -0.5px;
	line-height: 1.6;
	margin-bottom: 12px;
}



body .mdc-center-text {
	text-align: center !important;
}

html body h2.mdc-section-title,
html body .mdc-section-title{
	    font-size: 2.4rem !important;;
		text-transform: uppercase;
		font-weight: 600 !important;
}

html body h3.mdc-section-title.the-title {
	font-size: 1.6rem !important
}

ol ol, ol ul, ul ol, ul ul {
    margin: 5px 0 20px 5px !important;
}

html body strong {
	font-weight: 600;
}
/* blog */
body .blog-single h2{
	font-size: 1.8rem;
	letter-spacing: -0.5px;
}
body .blog-single p,
body .blog-single li{
	font-size : 1.1rem !important;
	text-align : justify;
}
body .blog-single b,
body .blog-single strong,
body .blog-single h1,
body .blog-single h2,
body .blog-single h3,
body .blog-single h4,
body .blog-single h5,
body .blog-single h6{
	font-weight: 600 !important;
    letter-spacing: -0.5px;
    line-height: 1.4;
}
body .blog-single h1 {
  font-size: 2.2rem;
}

body .blog-single h2 {
  font-size: 1.8rem;
}

body .blog-single h3 {
  font-size: 1.5rem;
}

body .blog-single h4 {
  font-size: 1.3rem;
}

body .blog-single h5 {
  font-size: 1.15rem;
}

body .blog-single h6 {
  font-size: 1rem;
}

body .woocommerce td, body .woocommerce th {
	font-size: 1.1rem;
}

.content-single a {
    color: #2569ff !important;
}

.blog-share {
        text-align: right;
}

.woocommerce-checkout p,
.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea,
#order_review * {
	font-size: 1.1rem;
}
body .woocommerce-cart-form td, 
body .woocommerce-cart-form th,
body .cart_totals tbody th,
body .shipping-calculator-button, 
body .woocommerce-shipping-destination,
.woocommerce .shipping__list_label *{
    font-size: 1.1rem;
}
body .woocommerce-cart-form thead td, 
body .woocommerce-cart-form thead th,
body .woocommerce-cart .actions .button-continue-shopping.button,
body .woocommerce-cart .actions .button-continue-shopping.button.primary.is-outline{
	font-size: 1rem !important;
}



html body .payment_box,
html body .payment_box *,
html body .woocommerce-privacy-policy-text p{
	font-size: 1rem !important
}


@media only screen and (max-width: 767px) { 
	html body h3.mdc-section-title.the-title {
	font-size: 1.4rem !important
}

	body .mdc-section-title br {
		display: none !important
	}
	body .mdc-center-text--mobile{
			text-align: center !important;
	}

	body .mdc-section-title{
			font-size: 1.8rem !important;;
	}
}




/*************** fix.   ***************/
.accordion-title {
    border-top: 0;
    padding: 10px 40px 10px 0;
    border-bottom: 1px solid var(--fs-color-primary);
    font-size: 100%;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--fs-color-primary) !important;
}

.accordion-title.active {
      font-weight: 500;
    background-color: transparent;
}
.accordion-inner {
    padding: 15px 0;
}
.accordion .toggle {
    height: 36px;
    margin-right: 0;
    top: .3em;
    transform-origin: 50% 47%;
    width: 36px;
    right: 0;
    left: auto;
    font-size: 12px;
    color: var(--fs-color-primary);
    opacity: 1;
}

.box-shadow-3, .box-shadow-3-hover:hover, .row-box-shadow-3 .col-inner, .row-box-shadow-3-hover .col-inner:hover {
    box-shadow: 0 0px 20px 1px rgb(105 105 105 / 35%);
}


.row-box-shadow-3 > .col > .col-inner:hover {
    transform: translateY(-10px);
}


.product_landing-item .product-item-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 1;
    background: #da8d14;
}

.product_landing-item .product-item-bg img {
    width: 100%;
    height: 100%;
}
.product_landing-item > .col-inner {
    overflow:hidden;
}
.product_landing-item > .col-inner:hover .product-item-bg {
    opacity: 1;
}

.product_landing-item .product-item-bg + .box {
    position: relative;
    z-index: 10;
    background-color: transparent !important;
}

.product_landing-item .col-inner .product-item-bg + .box .box-text * {
    transition : all 0.25s;
}
.product_landing-item .col-inner:hover .product-item-bg + .box .post-title,
.product_landing-item .col-inner:hover .product-item-bg + .box .box-text,
.product_landing-item .col-inner:hover .product-item-bg + .box .box-text * {
    color: var(--fs-color-white);
}




.product_landing-item .col-inner .box-title {
    text-align: center;
}

.has-shadow .product_landing-item .col-inner .box-title {
    padding: 30px ;
}

.has-shadow  .product_landing-item .box-text {
    padding:  30px;
}

.product_landing-item .col-inner .post-title  {
    color: var(--fs-color-primary);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
        line-height: 1.5;
    height: 72px;
    margin: 0;
}

.product_landing-item .col-inner .post-title a {
    color: currentColor
}
.product_landing-item .col-inner:hover .post-title  {
    color: var(--fs-color-secondary);
}


.product_landing-item .post-sub-title  {
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 12px;
}

.product_landing-item  .button {
    margin: 30px auto 0;
    display: flex;
    width: fit-content;
    align-items: center;
    justify-content: center;
    padding: 4px 32px;
    font-size: 16px;
}
.product_landing-item .box-image img {
        object-fit: contain;
}

.box.box-shade .shade {
    background-color: transparent;
        opacity: 1;
    background: linear-gradient(to top, rgb(255 255 255 / 80%), transparent);
}


.box.box-shade .box-text  {
    text-shadow: none;
    color: var(--fs-color-black)
}

.box.box-shade .box-text * {
    color: inherit;
}
.tabbed-content .nav-pills  li{
    position: relative;
}
.tabbed-content .nav-pills {
    flex-wrap: nowrap;
    padding: 0 32px;
}

.nav-size-xlarge>li>a {
    font-size: 1.5em;
}

.tabbed-content .nav-pills  li a {
    border-radius: 20px 20px 0 0 !important;
    line-height: 1.4;
    text-align:center;
    padding: 10px 16px;
}
.tabbed-content .nav-pills  li.active:before,
.tabbed-content .nav-pills  li.active:after {
    content: '';
    position: absolute;
    bottom: 0px;
    width: 20px;
    height: 20px;
    background-size: contain;
}

.tabbed-content .nav-pills li.active:before {
  left: -20px;  
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='342' height='342' viewBox='0 0 342 342'%3E%3Cpath id='Path_67449' data-name='Path 67449' d='M342,0C341.9,188.8,188.85,341.83,0,342H342Z' fill='%23863d21'/%3E%3C/svg%3E%0A");
}
.tabbed-content .nav-pills  li.active:after {
  right: -20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='342' height='342' viewBox='0 0 342 342'%3E%3Cpath id='Path_67449' data-name='Path 67449' d='M0,0C.1,188.8,153.15,341.83,342,342H0Z' fill='%23863d21'/%3E%3C/svg%3E%0A");
}


.tabbed-content .nav-pills + .tab-panels {
    background: var(--fs-color-primary);
    border-radius: 20px;
    padding: 30px 40px;
    color: var(--fs-color-white);
}


.slide-zoom-in-fast.is-selected .bg, .slide-zoom-in.is-selected .bg {
    transform: scale(1.025) ;
}
.slide-zoom-out-fast.is-selected .bg {
    transition: opacity 1s, transform 1s ease-out;
}


.callout.badge.badge-circle {
    margin: 0;
}
h2.woocommerce-order-details__title {
    font-size: 20px;
}

h2.woocommerce-column__title {
    font-size: 20px;
}
.col-gallery .col-inner {
    top: 160px;
    position: sticky;
	height: fit-content;
}
.badge-container.absolute.left.top.z-1 {
    top: 20px;
    left: 10px;
}
div#button-contact-vr {
    right: 15px;
    left: unset;
}
h6 {
    text-transform: inherit;
    font-size: 16px;
}

h5 {
    font-size: 18px;
}
.row-full-width .row {
    margin: auto !important;
}
.sec-advand .col-inner {
    background: #f8f8f8;
    background: -moz-linear-gradient(left,#f8f8f8 0%,#e9e9e9 100%);
    background: -webkit-linear-gradient(left,#f8f8f8 0%,#e9e9e9 100%);
    background: linear-gradient(to right,#f8f8f8 0%,#e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f8f8f8",endColorstr="#e9e9e9",GradientType=1);
    border-radius: 6px;
}
.widget-box label span {
    margin-left: 10px;
}
a.button.checkout.wc-forward {
    background: #000;
}
.has-default-attributes .product-price-container.is-normal {
    display: none;
}
.wayfx-product-bar__right .woocommerce-product-rating {
    margin: 0;
}
#comments a.btn-reviews-now {
    background-color: #000000;}
span.devvn_num_reviews {
    min-width: 150px;
    color: #000000;
}
.des h4{
    font-size: 24px;
    margin-bottom: 40px;
    text-align: center;
}
.des ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}
.des ul li{
    list-style: none;
    color: #262626;
    font-size: 18px;
    letter-spacing: -.06px;
    line-height: 18px;
    margin: 1%;
    padding-left: 29px;
    text-align: left;
    position: relative;
    width: 31.3%;
}
.des ul li:before {
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='none' d='M-1280-762H160V267h-1440z'/%3E%3Cg fill-rule='nonzero'%3E%3Cpath stroke='%23000' stroke-width='2' fill='none' d='M-473-30H39v81h-512z'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zm5.707 7.707l-7 7a.997.997 0 01-1.414 0l-3-3a.999.999 0 111.414-1.414L8 12.586l6.293-6.293a.999.999 0 111.414 1.414z' fill='%23000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
        background-size: contain;
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 16px;
        left: 0;
        position: absolute;
        width: 16px; }

.wayfx-product-bar__right.text-right.col.pad-none.medium-6.small-12.large-6 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.woocommerce-product-rating {
    width: max-content;
    margin: 0;
}
.entry-content.single-page {
    text-align: justify;
}
.star-rating--inline {
    height: 19px;
}
a.woocommerce-review-link {
    display: inline-block;
    /* height: 18px; */
    vertical-align: middle;
}
.devvn_prod_cmt,
div#reviews.woocommerce-Reviews {
    width: 100%;
    max-width: 100%;
}
.sec-related h2 {
    font-size: 24px;
}
.product-thumbnails .is-nav-selected a, .product-thumbnails a:hover {
    border-color: rgb(0 0 0);
}
button.single_add_to_cart_button.button:hover{
    color: #000;
    background-color: #fff !important;
    box-shadow: unset;
    border: 1px solid #000;
}

.product-lightbox a.button.primary.is-outline {
    width: 100%;
}
form.cart {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.product-small.box .price {
    font-size: 18px;
    font-weight: 500;
}

.product-small.box .price span.amount {
    font-weight: 500;
}

p.name.product-title.woocommerce-loop-product__title:hover a{
    text-decoration: underline;
}
p.name.product-title.woocommerce-loop-product__title {
   font-weight: 500;
    font-size: 20px;
}
span.wayfx-collection__clear-filters {
    float: right;
    cursor: pointer;
}
.box-banner-product h3,
.box-banner-product h4,
.box-banner-product h2,
.box-banner-product{
    color: #fff;
}

.sidebar-shop label:hover {
    color: #000;
    text-decoration: underline;
}
span.ux-menu-link__text:hover,
h5.post-title.is-large:hover{
    text-decoration: underline;
}
.box-blog-post .is-divider{
    display: none;
}

a.button.primary.is-outline:hover {
    background: var(--fs-color-primary);
    color: #fff;
}
#footer input.wpcf7-form-control.wpcf7-text.wpcf7-email:hover {
    border-color: #FFF!important;
}
.sec-video h6 {
    color: #666;
    font-size: 15px;
    max-width: 160px;
    text-transform: inherit;
    margin-left: auto;
    margin-right: auto;
    font-weight: 300;
    
}
.sec-video h5 {
    color: #262626;
    font-size: 16px;
    margin-bottom: 8px;
    text-transform: inherit;

}
/*************** blog.   ***************/
a.button.primary:hover {
    background: #fff;
    color: #000;
    opacity: 1;
    box-shadow: unset;
    border: 1px solid;
}
.header-nav.header-bottom-nav span.ux-menu-link__text:before {
        background: #fff;
        bottom: -8px;
        content: "";
        display: block;
        height: 1px;
        left: 0;
        position: absolute;
        transition: width .2s;
        width: 0;
}
.blog-archive{
	padding-top: 0;
}
.header-nav.header-bottom-nav span.ux-menu-link__text {
    color: #000;
}
.sub-menu h5 {
	font-weight: bold !important;
    color: #666;
    font-size: 12px;
    letter-spacing: 1px;
    margin-top: 0;
    margin-bottom: 13px;
    text-transform: uppercase;
}
.sub-menu .row {
    padding-top: 40px;
    margin-left: auto !important;
    margin-right: auto !important;
}
.nav-spacing-xlarge>li {
    margin: 0 20px;
}

.block-register .form-group {
    margin: 10px 0 15px;
    position: relative;
}
.sticky-form.widget_register .block-register input[type=submit] {
    background: #000;
    border-radius: 0;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    height: 40px !important;
    margin: 0 auto !important;
    display: block;
    min-height: 40px;
}
.wpcf7-form-control-wrap {
    position: relative;
}
.sticky-form.widget_register .block-register input {
    border-radius: 4px;
    color: #000;
    padding: 0 20px;
    height: 45px;
    font-size: 17px;
    box-shadow: none;
    font-weight: bold;
}
.sticky-form.widget_register {
    box-shadow: 0 0 9px rgb(0 0 0 / 25%);
    border-radius: 5px;
    overflow: hidden;
}
.sticky-form.widget_register .block-register .form-group {
    margin: 0px;
}
.sticky-form.widget_register .block-register {
    padding: 10px 20px 15px;
}
.entry-header-text.entry-header-text-bottom.text-left {
    padding-top: 0;
}
h1.entry-title {
    font-size: 28px;
}
.single-page-header {
    margin-bottom: 0 !important;
}
.blog-archive #post-list .entry-header-text {
    padding-bottom: 0;
    padding: 0;
}
.blog-archive #post-list footer.entry-meta {
    display: none;
}
.social-cs-archives .social-cs-archive a i {
    color: var(--primary-color);
    transition: all 0.3s ease;
}
.social-cs-archives .social-cs-archive a {
    border: 1px solid var(--primary-color);
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    transition: all 0.3s ease;
}
.blog-archive .entry-content .more-link.button {
    font-weight: normal;
    background: var(--primary-color);
    color: #fff;
    border-radius: 10px;
    margin: 10px 0;
    padding: 1px 20px;
}
.social-cs-archives {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.fa-classic, .fa-regular, .fa-solid, .far, .fas {
    font-family: "Font Awesome 7 Pro";
}
.blog-archive #post-list .entry-content .entry-summary > .text-left {
    border-top: 1px solid rgba(0,0,0,.07);
    margin-top: 10px;
}
.blog-archive #post-list .entry-content .entry-summary > p {
    display: block;
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog-archive #post-list .entry-content {
    padding-top: 0;
}
h6.entry-category.is-xsmall,
.entry-header-text .entry-meta {
    display: none;
}
.blog-archive #post-list .entry-divider {
    display: none;
}
.blog-archive #post-list .entry-title {
    font-size: 24px;
    color: var(--primary-color);
    margin: 20px 0 10px;
    font-weight: normal;
    letter-spacing: 0;
    text-transform: uppercase;
}
.blog-archive .entry-content .more-link.button {
    font-weight: normal;
    background: var(--primary-color);
    color: #fff;
    border-radius: 10px;
    margin: 10px 0;
    padding: 1px 20px;
    font-size: 12px;
}
.blog-archive .badge.post-date {
	top: 0;
	left: -100px;
	display: block;
	width: 90px;
}
.blog-archive .badge.post-date .badge-inner::before {
	content: "NMC";
	font-size: 17px;
	display: block;
	font-weight: normal;
	margin: 7px 0 10px;
}
.blog-archive .badge.post-date .badge-inner {
	width: 100%;
	border-width: 0;
}
/*.blog-archive .badge.post-date::before {*/
/*	content: '';*/
/*    display: block;*/
/*    background: url(/wp-content/uploads/2023/07/logo-1024x335.jpg) no-repeat;*/
/*    width: 95px;*/
/*    height: 40px;*/
/*    background-size: 100%;*/
/*}*/
.blog-archive .badge.post-date .post-date-day,
.blog-archive .badge.post-date .post-date-month {
	font-size: 85%;
	color: #444;
	opacity: .8;
	font-weight: normal;
}
.blog-archive .badge.post-date br {
	display: none;
}
.blog-archive #post-list article {
    width: 80%;
    margin-left: auto;
    margin-bottom: 40px;
}

.blog-archive h1, .single-page-header h1 {
    margin-bottom: 40px;
    position: relative;
    font-size: 38px;
    margin: 0 0 13px;
}
.blog-archive .archive-page-header, .single-page-header {
    padding-top: 40px;
    margin-bottom: 45px;
    background-color: #F7F7F7;
}
/*************** product.   ***************/
ul.header-nav.header-nav-main.nav.nav-right.nav-uppercase li {
    margin: 0 11px;
}
.header-search-dropdown ul.nav-dropdown.nav-dropdown-default {
    background: #fff0;
    box-shadow: unset;
    border: unset;
    top: -21px;
    left: -30px;
}
.header-search-dropdown button.ux-search-submit.submit-button{
    display: none;
}
.header-search-dropdown input#woocommerce-product-search-field-0 {
    background: #fff0;
    padding: 0 30px;
    border-radius: 4px;
}

.header-search-dropdown .nav-dropdown-has-arrow li.current-dropdown.has-dropdown:after, .nav-dropdown-has-arrow li.current-dropdown.has-dropdown:before {
    opacity: 0;
}
a.btn.btn--small {
    background: #000;
    color: #fff;
    padding: 5px 30px;
    border-radius: 4px;
}
#wayfx-product-bar.active {
    opacity: 1;
    top: 125px;
}
#wayfx-product-bar .wayfx-product-bar__left {
    align-items: center;
    display: flex;
    margin-right: auto;
}
#wayfx-product-bar .wayfx-product-bar__left .wayfx-product-bar__title {
    font-size: 16px;
    letter-spacing: .44px;
    text-transform: uppercase;
}
.wayfx-product__actions {
    align-items: center;
    display: flex;
    margin-left: 10px !important;
}
#wayfx-product-bar .wayfx-wrapper {
    align-items: center;
    display: flex;
    padding-left: 24px;
    padding-right: 24px;
}
#wayfx-product-bar {
    background: #fff;
    box-shadow: 0 4px 11px #0000000f;
    left: 0;
    opacity: 0;
    padding: 12px 0;
    position: fixed;
    transition: all .3s;
    top: -107px;
    z-index: 9;
    width: 100%;
}
.image-tools.is-small.top.right.show-on-hover {
    left: 10px;
}
span.hide-for-medium.header-wishlist-title {
    display: none;
}
.nav li  a, .mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-weight: 400 ;
    color: #000;
}

a.wishlist-link.is-small .icon-heart:before {
    content: '';
    display: block;
    height: 24px;
    width: 24px;
    background: url(/wp-content/uploads/2023/07/heart.png);
}

.last-reset > :not(style):last-of-type {
    margin-bottom: 0 !important;
}

h2{
    font-size: 28px;
}


h3{
    font-size: 24px;
}

h4{
    font-size: 20px;
}
#footer h3{
    font-size: 18px;
}

.show-all-items .slider {
    margin-left: -20px;
    margin-right: -20px;
}
.show-all-items .flickity-slider > .row {
    opacity: 1 !important;
    padding: 20px;
}

.testimonials-section .slider .flickity-slider > .row  {
    min-height: 100%;}

.testimonials-section .slider .flickity-slider > .row > .col > .col-inner {
    background: #ffffff;
    border-radius: 18px;
    padding: 25px;
    text-align: center;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
    height:100%;
        display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
}

.testimonial-text {
    font-style:normal !important;
    font-weight: 400;
    line-height: 1.5;
    text-align: justify;
}

.testimonial-name {
    font-size: 20px;
    color: var(--fs-color-primary);
}

.testimonial-box.icon-box-center .icon-box-text {
        display: flex;
    flex-direction: column-reverse;
    gap: 10px;
}

.testimonial-box .testimonial-image img {
        border: 4px solid #f3f4f6;
        padding: 0;
}

.slider-nav-dots-simple .flickity-page-dots .dot {
    background-color: var(--fs-color-primary);
    border-color: var(--fs-color-primary);
}



.flickity-page-dots .dot {
    border-radius:  100px;
    transition: all 0.25s;
    height: 10px;
        width: 10px;
}
.flickity-page-dots .dot.is-selected {
    width: 32px;
}

.slider-nav-light .flickity-page-dots .dot.is-selected, .slider-nav-light.slider-nav-dots-simple .flickity-page-dots .dot {
       border-color: var(--fs-color-white);
}

.sec-award .add-to-cart-button a {
    background-color: #000;
    color: #fff;
}
.sec-award .flickity-prev-next-button.previous {
    opacity: 1;
    left: -8%;
}

.tab-panels .section-content.relative {
    display: flex;
    justify-content: center;
}

ul.tabs.wc-tabs.product-tabs.small-nav-collapse.nav.nav-uppercase.nav-line.nav-left {
    display: none;
}
div#tab-description {
    display: flex !important;
    align-items: center;
    flex-flow: row;
    min-height: auto;
    padding: 30px 0;
    position: relative;
    width: 100%;
    flex-direction: column;
}
table.variations {
    margin: 0;
}
.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled {
    display: flex;
    flex-wrap: wrap;
}
.woocommerce-tabs.wc-tabs-wrapper.container.tabbed-content {
    max-width: 100%;
    align-items: center;
    display: flex;
    min-height: auto;
    justify-content: center;
    padding: 30px 0;
    position: relative;
    width: 100%;
}
.row.has-equal-box-heights.equalize-box.large-columns-4.medium-columns-2.small-columns-1.row-small {
    text-align: center;
    justify-content: center;
}
h3.product-section-title.container-width.product-section-title-related.pt-half.pb-half.uppercase {
    display: none;
}
.product-section {
    border-top: unset;
}
.product-thumbnails .small-columns-4 .flickity-slider>.col {
    flex-basis: 16.6% !important;
    max-width: 16.6% !important;
}
.wayfx-product__accordion-content.wayfx-product__accordion-content--benefits ul {
    margin: 0;
}
.wayfx-product__accordion>ul>li .wayfx-product__accordion-content {
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 32px;
}
.wayfx-product__accordion>ul>li .wayfx-product__accordion-content.wayfx-product__accordion-content--benefits p {
    color: #262626;
    font-size: 16px;
    letter-spacing: .09px;
    line-height: 24px;
}
.wayfx-product__accordion>ul>li .wayfx-product__accordion-content.wayfx-product__accordion-content--benefits h5 {
    font-size: 18px;
    letter-spacing: .1px;
    line-height: 24px;
    margin-bottom: 12px;
}
.wayfx-product__accordion>ul>li .wayfx-product__accordion-content.wayfx-product__accordion-content--benefits li {
    background: url("data:image/svg+xml,%3Csvg width='16' height='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M14.02.06c-2.485 2.766-5.357 5.949-7.927 8.807L1.835 4.853.157 7.039l5.162 4.875.91.851.84-.932c2.75-3.063 6.019-6.681 8.774-9.749L14.02.06z' fill='%23000' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat top 6px left;
    padding-left: 32px;
    list-style: none;
    margin: 0;
}
.wayfx-product__accordion>ul .wayfx-product__accordion-item--open .wayfx-product__accordion-title:hover:before {
    content: "\f068";
    font-family: "Font Awesome 7 Pro";
}
.wayfx-product__accordion>ul>li .wayfx-product__accordion-title:before {
    content: "\f067";
    font-family: "Font Awesome 7 Pro";
    font-siZe: 20px;
    line-height: 1;
    position: absolute;
    z-index: 11111;
    font-weight: 600;
    top: 22px;
    color: #000;
    transition: top .2s;
    right: 30px;
}
.wayfx-product__accordion>ul>li .wayfx-product__accordion-title:hover {
    cursor: pointer;
}
.wayfx-product__accordion>ul>li .wayfx-product__accordion-title {
    color: #000;
    font-size: 20px;
    letter-spacing: -.07px;
    line-height: 26px;
    padding: 20px 54px 20px 32px;
    transition: padding .2s;
}
.wayfx-product__accordion>ul .wayfx-product__accordion-item--open .wayfx-product__accordion-title {
    padding-top: 32px;
    padding-bottom: 32px;
}
.wayfx-product__accordion>ul>li {
    background: #F7F7F7;
    margin-left: 0;
    margin-bottom: 16px;
    position: relative;
    /* margin: 0; */
}
.wayfx-product__accordion {
    margin-top: 48px;
    max-width: 100%;
}
.wayfx-product__accordion>ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

a.popup-link {
    text-decoration: underline;
    display: flex;
    align-content: end;
    flex-wrap: wrap;
    float: right;
}
button.single_add_to_cart_button.button.alt {
    padding: 10px 15px;
    width: 100%;
    border-radius: 4px;
    background: #000;
    font-weight: 400;
    margin: 10px 0 10px 0;
}
select#pa_dung-tich {
    height: 60px;
    font-size: 16px;
    border-radius: 4px;
}
.quantity .button.plus,
.quantity .button.minus {
    padding: 0 15px;
    border-radius: 4px;
}
span.amount{
    font-weight: 400;
}
.quantity input[type=number] {
    box-shadow: unset;
    height: 60px;
}
.woocommerce-variation-price {
    border-top: unset;
    font-size: 24px;
    margin-right: 1rem;
    color: #000;
}
.variations th.label {
    display: none;
}
.product-price-container.is-normal span.amount {
    font-size: 24px;
    margin-right: 1rem;
    color: #000;
    font-weight: 400;

}
.product-short-description p,
.product-short-description {
    font-size: 14px;
    margin: 0;
}
i.icon-heart {
    color: #fff;
}
.image-tools .wishlist-button{
    background-color: #000000;
    border-color: #000000;
}
.image-tools.absolute.top.show-on-hover.right.z-3 {
    opacity: 1;
}
.wishlist-popup {
    right: -35px;
    display: none;
}
a.add_to_wishlist.single_add_to_wishlist {
    width: max-content;
}
.product__subtitle {
    color: #666;
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 32px;
}
h1.product-title.product_title.entry-title {
    color: #000;
    font-size: 26px;
    font-weight: 400;
    letter-spacing: .54px;
    line-height: 32px;
    margin-bottom: 12px;
    text-transform: uppercase;
    margin-top: 2px;
}
.term-description p,
.term-description {
    color: #262626;
    font-size: 16px;
    letter-spacing: .18px;
    line-height: 24px;
    margin: 20px auto 0;
    max-width: 900px;
    text-align: center;
}
nav.woocommerce-breadcrumb.breadcrumbs.uppercase{
    display: none;
}
.woocommerce-ordering select {
    border: unset;
    box-shadow: unset;
}
.section-header-shop  h1 {
    color: #000;
    font-size: 48px;
    line-height: 57px;
    margin: 0 auto;
    max-width: 800px;
    font-weight: 400;
    text-align: center;
}
.section-header-shop{
    background: #F7F7F7;
    padding: 40px 0;
}
.wayfx-collection__sidebar-header.wayfx-collection__sidebar-header--desktop {
    padding-bottom: 14px;
    color: #717171;
    padding-top: 20px;
}
.form-horizontal {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

p.woocommerce-result-count.hide-for-medium {
    margin: 0;
    color: #666;
    font-size: 14px;
    letter-spacing: -.16px;
}
.widget-box {
    padding: 24px 0;
    border-top: 1px solid #d9d9d9;
}
.sidebar-shop label {
    display: flex;
    align-items: center;
    color: #666;
    font-size: 16px;
    font-weight: 400;
    margin: 10px 0;
}

.sidebar-shop  [type=checkbox], .sidebar-shop  [type=radio] {
    margin: 0;
    width: 20px;
    height: 20px;
    border-radius: 0 !important;
}

.sidebar-shop img {
    margin: 0 10px;
}
.sidebar-shop h3 {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.product-subtitle {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
    -webkit-line-clamp: 2;
    height: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;

}

.product-lightbox.lightbox-content .add-to-cart-button {
    width: 100%;
}
.box-image>div>a.quick-view.quick-view-added {
    display: block;
    width: 68%;
}
.image-tools.grid-tools {
    margin-bottom: 25px;
    justify-content: center;

}
.price-wrapper{
    margin-bottom: 10px;
}
.woocommerce-product-rating {
    font-size: 16px;
    margin-bottom: 16px;
    color: #666;
    display: none;
}
.product-quick-view-container .price-wrapper span.review-count.is-small.op-7,
.product-quick-view-container .price-wrapper .star-rating.star-rating--inline{
    display: none;
}
.product-lightbox.lightbox-content {
    max-width: 955px;
}
.product-sub-price{
    color: #666;
    font-size: 16px;
    margin-bottom: 16px;
    height: 26px;
    display: none;
}
.product-subtitle {
    color: #666;
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 16px;
}
.product-highlights dd {
    border-bottom: 1px solid #D2D2D2;
    color: #262626;
    font-size: 15px;
    letter-spacing: -.1px;
    line-height: 20px;
    margin: 0 0 20px;
    width: 100%;
    padding: 8px 0 20px;
    text-transform: initial;
}
.product-highlights dt {
    color: #666;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.is-divider.small{
    display: none;
}
.product-lightbox-inner h2 {
    font-size: 26px;
    font-weight: 400;
}
.product-quick-view-container .add-to-cart-button a{
    background: #000 ;
    color: #fff;
}
.product-quick-view-container .price-wrapper{
    padding: 20px;
    color: #000;
    font-size: 16px;
    letter-spacing: .18px;
    margin-top: 26px;
}
.product-lightbox.lightbox-content{
    padding: 80px 64px!important;
}
a.primary.is-small.mb-0.button.add_to_cart_button.ajax_add_to_cart{
    border-radius: 5px;
}
a.button.btn-cover-more{
    z-index: 1;
    color: #fff;
    background-color: #000;
    font-size: 16px;
    border-radius: 5px;
}
.box-banner-product .col-inner:after {
    content: "";
    background: rgba(0,0,0,.5);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
}
.box-banner-product p{
    font-size: 16px;
    padding: 16px;
    position: inherit;
    z-index: 1;
    color: #fff;
}
.box-banner-product h2 {
    font-size: 40px;
    /* padding: 16px; */
    position: inherit;
    z-index: 1;
    color: #fff;
}
.box-banner-product .col-inner{
    color: #fff;
    text-align: center;
    padding: 30px;
    height: 100%;
}
.woof_childs_list_opener span.woof_is_opened,
.woof_childs_list_li > .icheckbox_square-blue {
    display: none;
}
.woof_submit_search_form_container {
    display: none;
}
.sec-skin h3{
    font-size: 32px;
    font-weight: 400;
}
.sec-project-page h2{
    font-size: 21px;
    font-weight: 500 !important;
    margin-bottom: 20px;
}
.sec-year  .flickity-prev-next-button svg {
    padding: 0;
}
.sec-year .flickity-prev-next-button.previous {
    left: -4%;
}

.sec-year .flickity-prev-next-button.next {
    right: -4%;
}
.flickity-prev-next-button{
    opacity: 1;
}
.hero-media {
    overflow: hidden;
}
.banner h1,
h1 {
    font-size: 64px;
    font-weight: 500;
}
.index-9{
    z-index: 9;
    position: relative;
}
.slider-text {
    z-index: 2;
}
.video-cover-wrapper {
    height: 56.25vw;
    position: absolute;
    width: 1000%;
}

.video-cover-iframe {
    height: 56.25vw;
    width: 100%;
    position: absolute;
}
.hero-media iframe {
    box-sizing: border-box;
    height: 112vw;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    transform: translate(-50%,-50%);
    position: absolute;
    top: 0;
    z-index: 1;
    width: 175.777778vh;
}
/*************** Brand.   ***************/
h2{
    font-size: 40px;
}
a.button.is-outline {
    border-width: 1px;
    font-weight: 400;
    border-radius: 5px;
}
p{
    /*font-size: 20px;*/
    margin-bottom: 15px;
}
.bread{
    border-bottom: 1px solid #e8e8e8;
}
nav.rank-math-breadcrumb p{
    margin: 0;
    font-size: 13px;
}
/*************** Home.   ***************/
span.ux-menu-link__text {
    font-size: 15px;
}
.pad-none{
    padding-bottom: 0 !important;
}
.top-brand p{
    font-size: 20px;
    margin-bottom: 10px;
}
.top-brand h1{
    font-size: 64px;
    font-weight: bold;
}
.cate-list h5.uppercase.header-title:hover{
    text-decoration: underline;
}
.slider-text p{
    text-transform: uppercase;
    height: 35px;
    display: flex;
    font-size: 13px;
    align-items: center;
    justify-content: center;
    margin: 0;
}
.col-gray  a:hover i {
    font-size: .75rem;
    margin-left: 0.5rem;
}
.col-gray a:hover {
    color: #a4acb1;
}
.col-gray a i {
    font-size: 0rem;
    margin-left: 0rem;
    transition: all cubic-bezier(0, .33, .66, 1) .33s;
}
.col-gray a {
    padding: 0.11rem 0.75rem;
    border-radius: 999px;
    border: 1px solid;
    transition: all cubic-bezier(0, .33, .66, 1) .33s;
}
#footer button.btn.module-footer-newsletter-button {
    background: #262626;
    color: #ffffff;
    margin: 0;
    font-size: 20px;
    padding: 0 25px;
    height: 50px;
    border-radius: 0 5px 5px 0;
}

#footer .flex-col.ml-half {
    margin: 0;
}

#footer .flex-row.medium-flex-wrap {
    border-radius: 15px;
}

.absolute-footer.dark{
    display: none;
}
#footer span.wpcf7-form-control-wrap input::-webkit-input-placeholder { /* Edge */
  color: white;
}

#footer span.wpcf7-form-control-wrap input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: white;
}

#footer span.wpcf7-form-control-wrap input::placeholder {
  color: #fff;
}
#footer span.wpcf7-form-control-wrap input.wpcf7-form-control {
    border-radius: 5px 0 0 5px;
    background: #000;
    border: 1px solid #262626!important;
    height: 50px;
    padding: 16px 20px;
    font-size: 14px;
    color: #fff;
}
.col-copyright {
    padding-bottom: 0 !important;
}
.col-social{
    padding-bottom: 0 !important;
}

.social-icons {
    color: var(--fs-color-primary);
}

.social-icons  .is-outline {
    color: currentColor;
}

#footer h2 {
    font-size: 28px;
    margin: 0;

}

#footer .dark p {
    color: gray !important;
    font-size: 13px;
}
#footer .dark .col-gray h3 {
    color: gray !important;
    font-size: 16px;
    margin: 10px 0;
}

.row-footer .col{
    flex-basis: 20%;
    max-width: 20%;
}
.col-video .col-inner{
    height: 100%;
}
.sec-video .video.video-fit.mb {
    height: 100%;
}
.sec-brand h3 {
    font-size: 20px;
    font-weight: 400;
}
.sec-brand p {
    font-size: 14px;
}
.twentytwenty-handle{
    border: 1px solid white;

}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
    width: 2px;
}
.sec-review .flickity-prev-next-button.previous {
    opacity: 1;
    left: -4%;
}

.sec-review svg.flickity-button-icon {
    padding: 2px;
}

.sec-review .flickity-prev-next-button.next {
    right: -4%;
    transform: translateX(-20%);
    opacity: 1;
}

.sec-review .icon-inner img {
    border-radius: 99px;
}

.sec-review h6 {
    font-size: 15px;
    text-transform: inherit;
    color: #666;
}

.sec-review h5 {
    font-size: 16px;
    text-transform: inherit;
    color: #262626;
    font-weight: 500;
}

.sec-review p {
    letter-spacing: -.1px;
    text-align: center;
    line-height: 32px;
    color: #262626;
    font-size: 20px;
}

.cate-list h5.uppercase.header-title {
    font-size: 18px;
	    text-transform: inherit;
}

.cate-list .box-image {
    height: 136px;
}



.cate-list .box-image div {
    height: 136px;
    display: flex;
}

.cate-list .box-image {
    height: 136px;
}

.cate-list img {
    max-height: 136px;
    max-width: 127px;
    object-fit: contain;
}

.box-shadow .col {
    padding-bottom: 0 !important;
}

.box-shadow {
    border-radius: 6px;
    max-width: 1200px;
    padding: 48px !important;
    border: 1px solid #ebebeb;
    box-shadow: 0 5px 15px #0000000d;
}

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

.sec-icon-box h3 {
    font-size: 14px;
    letter-spacing: 1.4px;
    line-height: 20px;
    margin-bottom: 0;
    text-transform: uppercase;
}

.pad-none {
    padding-bottom: 0;
}

.banner h1.h1--secondary {
    font-size: 64px;
}
.count-term {
    display: none;
}
.banner h5, .banner h6, .banner p {
    margin-bottom: 10px;
    margin-top: 0;
    padding: 0;
}
.note-slider p {
    font-size: 13px;
    margin-bottom: 0;
    color: #fff;
    text-transform: uppercase;

}
@media screen and (max-width: 1023px){
    .blog-archive .badge.post-date .badge-inner::before,
    .blog-archive .badge.post-date .post-date-day, .blog-archive .badge.post-date .post-date-month {
        color: #fff;
    }
    .blog-archive .badge.post-date .badge-inner {
        background: transparent;
    }
    .blog-archive .badge.post-date .badge-inner {
        text-align: left;
        padding-left: 15px;
    }
    .blog-archive .badge.post-date {
        left: 6px;
        top: auto;
        height: auto;
        bottom: 0;
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: flex-start;
        background: rgba(0,0,0,0.6);
        padding: 5px 10px;
    }
    .blog-archive .badge.post-date::before {
        height: 45px;
    }
    .blog-archive #post-list article {
        width: 100%;
    }
    .image-tools {
        opacity: 0!important;
        padding: 5px;
    }
}
@media screen and (max-width: 849px){
    .banner h1, h1{
        font-size: 30px;
    }

    .sec-brand .col {
        padding: 0 5px 10px;
    }
    
    .medium-pb-0 {
        padding-bottom: 0 !important;
    }
    .medium-pb-half {
        padding-bottom: 15px !important;
    }
    
}
@media only screen and (min-width: 850px) {
    .product-lightbox .product-gallery.col-left{
        padding-right: 72px !important;
    }
    
    .row-5-cols > .col {
        max-width: 20%;
        flex-basis: 20%;
    }
}



@media only screen and (min-width: 550px) and (max-width: 849px){
    

    .row-slider.medium-columns-1 .product_landing-item {
        flex-basis: 80%;
        max-width: 80%;
    }
}


@media only screen and (max-width: 849px) {
    .hero-media iframe {
        box-sizing: border-box;
        height: 194vw;
    }
    #wayfx-product-bar.active {
        top: 76px;
    }
    .wayfx-product__actions {
        float: left;
    }
    .top-brand h1,
    
    .box-banner-product h2,
    .section-header-shop h1{
        font-size: 30px;
    }
    h2{
        font-size: 28px;
    }
    .ux-menu-link.flex.menu-item {
        justify-content: center;
        align-items: center;
    }
    .ux-menu.stack.stack-col.justify-start{
        display: none;
        margin-bottom: 32px;
    }
    a.ux-menu-link__link.flex{
        text-align: center;
        justify-content: center;
    }
    .row-footer h3.open {
        background-image: url("data:image/svg+xml,%3Csvg width='18' height='4' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 .875v2.25h18V.875z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E%0A");
      }
    .row-footer h3 {
        text-align: center;
        background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M7.875 0v7.875H0v2.25h7.875V18h2.25v-7.875H18v-2.25h-7.875V0z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E%0A");
        background-position: center right;
        background-repeat: no-repeat;
        border-top: 1px solid #262626;
        font-size: 16px;
        letter-spacing: 1.14px;
        margin-bottom: 0;
        padding: 20px 0;
    }
    .row-footer .col {
        flex-basis: 100%;
        max-width: 100%;
    }
    .box-shadow .col {
        flex-basis: unset;
        max-width: unset;
        width: max-content;
    }

    .icon-box-img {
        width: 80px !important;
    }
    .box-shadow > .col-inner > .row {
        display: flex;
        flex-direction: row;
        width: max-content;
    }
    .box-shadow > .col-inner {
        overflow-x: auto;
        width: 100%;
        padding: 0 0 15px 0;
    }
    .home section h2 {
        font-size: 28px;
        margin-bottom: 10px;
        font-weight: 400;
    }
    .col.box-shadow {
        padding: 20px;
        border: unset;
    }
    .cate-list h5.uppercase.header-title {
        font-size: 15px;
    }
    .sec-review p {
        font-size: 16px;
    }

    
    .tabbed-content .nav-pills {
        flex-wrap: wrap;
        padding: 0;
    }
    
    .tabbed-content .nav-pills li {
        width: 100%;
    }
    .tabbed-content .nav-pills li:before,
    .tabbed-content .nav-pills li:after {
        content: unset !important;
    }
    .tabbed-content .nav-pills li a {
        border-radius: 120px !important;
        padding: 10px 16px;
        width: 100%;
    }
    
}
@media only screen and (max-width: 549px) {

    .social-icons.follow-icons {
        text-align: center;
        width: 100%;
    }
    .note-slider ol.flickity-page-dots {
        bottom: -30px;
    }
    
    a.button.primary.is-outline {
        padding: 0 10px;
        font-size: 14px;
    }
    .box-banner-product {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
	.cat-section h5{
		font-size: 14px
	}
}


.pb-3,
.slider-pb-3 .slider { padding-bottom: 30px; }
.pb-4,
.slider-pb-4 .slider { padding-bottom: 40px; }
.pb-5,
.slider-pb-5 .slider { padding-bottom: 50px; }

.is-small,
.is-small.button {
    font-size: 14px;
}

.last-reset > :not(style):last-of-type {
    margin-bottom: 0 !important;
}

.select-resize-ghost,
.select2-container .select2-choice,
.select2-container .select2-selection,
input[type='date'],
input[type='email'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='text'],
input[type='url'],
select,
textarea {
    box-shadow: none;
    color: var(--fs-color-black);
    font-size: 1em;
    height: 40px;
    padding: 0 12px;
}

input[type='email']:focus,
input[type='number']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='text']:focus,
select:focus,
textarea:focus {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
    color: var(--fs-color-black);
}

.button,
button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1em;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.5;
    min-height: 40px;
    padding: 0 10px;
}

.button span {
    line-height: 1.5;
}

.button i,
button i {
    top: 0;
    vertical-align: middle;
}

.button.icon {
    min-width: 2.5em;
    min-height: 2.5em;
}

.button.icon i {
    font-size: 1em;
}

.cart_totals .button {
    display: flex;
    align-items: center;
}

.button.white {
    color: var(--fs-color-base) !important;
}

.box a {
    display: inline-flex;
}

.box .box-text {
    font-size: 1em;
}

.box .add-to-cart-button a {
    display: inline-flex;
    width: fit-content;
        line-height: 1.5;
}

.box-blog-post .is-divider {
    display: none;
}

form {
    margin-bottom: 0;
}

.col-child-left > .col-inner {
    margin-left: 0 !important;
    margin-right: auto !important;
}

.col-child-center > .col-inner {
    margin-left: auto !important;
    margin-right: auto !important;
}

.col-child-right > .col-inner {
    margin-left: auto !important;
    margin-right: 0 !important;
}

.off-canvas-left .mfp-content,
.off-canvas-right .mfp-content {
    background-color: var(--fs-color-white);
}

.off-canvas:not(.off-canvas-center) .nav-vertical li > a {
    color: var(--fs-color-black);
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
}

.banner h1, .banner h2, .banner h3 {
    font-weight: 400;
    line-height: 1.25;
    margin-bottom: 8px;
    margin-top: 0;
    padding: 0;
}

.shop_table .woocommerce-shipping-totals {
    display:none;
}

#payment  .payment_box  {
      display:none !important;
}

/*************** HOME PAGE ***************/
.hero-section .banner h2  {
    font-family: 'SVN Quiche Sans', sans-serif !important;
    font-size: 3rem;
    background: linear-gradient(90deg, #E3C880 0%, #EFE4A6 43.75%, #C69A50 84.13%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.commit-section .icon-box {
    transition: all 0.25s
}

.commit-section .icon-box:hover {
    transform: translateY(-5px);
}
.commit-section .icon-box img {
        transition: all 0.25s
}
.commit-section .icon-box:hover img {
    transform: scale(1.05);
}

.science-section .banner-grid-wrapper .img  {
        object-fit: cover;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    overflow:hidden;
}

.box-category .header-title {
    text-transform: initial;
}

.product-category > .col-inner,
.product-category > .col-inner img {
    transition: all 0.3s;
}
.product-category > .col-inner:hover {
    transform: translateY(-8px);
}

.product-category > .col-inner:hover img {
       transform: scale(1.05);
}

.prove-section .slider .flickity-slider > .row {
    border-radius: 24px;
    overflow: hidden;
    background-color: #f8f9fa;
}

.slide-expert-wrapper{
padding: 8% 6% 2% 6%;
flex: 1;
display: flex;
flex-direction: column;
}
.slide-expert {
    display: grid;
    grid-template-columns: 1fr 0.6fr;
    grid-template-rows: auto;
    gap: 1rem;
    align-items: end;
    border-radius: 20px;
    background: #f3f3f3;
    padding: 2rem;
    padding-right: 0;
    flex: 1;
}

/* --- Expert Quote Card (Desktop) --- */
.expert-quote {
    background: #ffffff;
    padding: 1rem 2rem;
    border-radius: 20px;
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2);
    position: relative;
    border: 1px solid rgba(44, 95, 141, 0.08);
    /* overflow: hidden; */
}

.expert-quote .quote-icon {
    margin-bottom: 0rem;
    opacity: 0.8;
    position: relative;
    margin-top: -2rem;
}

.expert-quote .quote-text {
    font-size: 1.1rem;
    line-height: 1.4;
    color: var(--md-text-primary);
    margin-bottom: .5rem;
    font-weight: 400;
    text-align: justify;
    margin-top: .5rem;
    overflow: hidden;
    position: relative;
}

.expert-quote .quote-text::after {
    opacity: 0;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background: linear-gradient(to bottom, transparent 0%, #ffffffdb 70%, #ffffff 100%);
    pointer-events: none;
}

.expert-quote .expert-name {
    text-align: right;
    /* border-top: 1px solid #e8ecef; */
    padding-top: .5rem;
    margin-bottom: .5rem;
}

.expert-quote .expert-name strong {
    display: block;
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--md-primary-color);
    margin-bottom: 0.3rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.expert-quote .expert-title {
    font-size: 0.9rem;
    color: #7f8c8d;
    font-weight: 400;
}

/* --- Expert Image (Desktop) --- */
.expert-image {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    /* aspect-ratio: 1/1; */
    position: relative;
}

.expert-image img {
    bottom: -2rem;
    right: 0;
    /* aspect-ratio:4/6; */
    position: absolute;
    /* max-width: 280px; */
    width: 100%;
    height: 160%;
    object-fit:contain;
    object-position: bottom center;
}

.img-hover-top {
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.img-hover-top:hover {
            transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
}

.img-hover-zoom {
    border-radius: 24px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    overflow: hidden;
}

.img-hover-zoom:hover {
    transform: scale(1.02);
    box-shadow: 0 16px 50px rgba(0, 0, 0, 0.15);
}

/*************** END HOME PAGE ***************/


@media only screen and (max-width: 1199px) {
    
}

@media only screen and (max-width: 849px) {
/*************** ADD TABLET CSS HERE ***************/
    .hero-section .banner h2  {
        font-size: 1.5rem;
    }
    
      .slide-expert-wrapper {
        padding: 52% 6% 40px 6%;
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow-y: visible !important;
    }
    
    /* Mobile: Image first, Quote second */
    .slide-expert {
        display: flex;
        flex-direction: column;
        gap: 0;
        min-height: 100%;
        padding: 1rem;
        position: relative;
        flex: 1;
        max-width: 480px;
    }
    
    /* Reorder: Image first on mobile */
    .expert-image {
         /* Fixed height container for image */
        display: flex;
        align-items: flex-end;
        justify-content: center;
        position: relative;
        background: transparent;
        overflow: visible;
        order:-1;
        width: 100%;
        padding-top:30% ;
    }
    
    .expert-image img {
        width: 80%;
        /* max-width: 300px; */
        height: auto;
        object-fit: contain;
        object-position: bottom center;
        margin: 0 auto;
        display: block;        
        bottom: 0;
        left: 0;
        position: absolute;
    }
    .expert-quote {
        flex: 1;
        border-radius: 16px;
        text-align: center;
        box-shadow: 0 4px 20px rgba(44, 95, 141, 0.12);
        display: flex;
        flex-direction: column;
        padding: 1rem;
        justify-content: space-between;
        /* min-height:300px; */
    }
    .expert-quote .expert-name strong {        
        font-size: 1.2rem;
        font-weight: 500;
        letter-spacing: -0.02rem;  
        margin-top: 1rem;      
    }
    
    .expert-quote .quote-icon {
        display: flex;
        justify-content: center;
        margin-bottom: 1rem;
        width: 40px;
        height: 40px;
        position: absolute;
    }
    
    .expert-quote .quote-text {
        font-size: 1rem;
        text-align: justify;
        margin-bottom: 0rem;
        flex-grow: 1; /* Cho phép text co giãn để fill space */
        display: flex;
        align-items: flex-start;
        line-height: 1.3;
    }
    
    .expert-quote .expert-name {
        text-align: center;        
        padding-top: 0rem;
        margin: 0;
        order:-1;
    }
    

    .box-category .header-title {
        font-size: 16px;
    }
	
	.tabbed-content .nav-pills + .tab-panels {
		border-radius: 12px;
		padding: 20px 30px;
			margin-top:10px

	}

}

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

    .box-category .header-title {
        font-size: 14px;
    }
    
    h2 {
        font-size: 24px;
    }
    h3 {
        font-size: 20px;
    }
     h4 {
        font-size: 18px;
    }
     h5{
        font-size: 16px;
    }
    
    p.name.product-title.woocommerce-loop-product__title {
        font-size: 15px;
    }
    .product-subtitle {
        font-size: 12px;
        line-height: 1.5;
        margin-bottom: 8px;
            height: 36px;
    }
   .product-small.box a.button {
        padding: 0 8px;
        font-size: 10px;
        height: auto;
        min-height: 32px;
        margin-top: 0;
    }
    
    body .blog-single h1 {
        font-size: 1.5rem;
    }
}

.nav-size-xlarge>li>a {
    font-size: 1.5em
}

.is-xxxlarge {
    font-size: 2.5em
}

.is-xxlarge {
    font-size: 2em
}

.is-xlarge {
    font-size: 1.75em
}

.is-larger {
    font-size: 1.5em
}

.is-large {
    font-size: 1.125em
}

.is-small,.is-small.button {
    font-size: .875em
}

.is-smaller {
    font-size: .75em
}

.is-xsmall {
    font-size: .625em;

}

.is-xxsmall {
    font-size: .5em;
}

@media(max-width: 849px) { 
    .nav-size-xlarge>li>a {
        font-size: 1.125em;
    }
    .is-xxxlarge {
        font-size: 2em
    }

    .is-xxlarge {
        font-size: 1.875em
    }

    .is-xlarge {
        font-size: 1.5em
    }

    .is-larger {
        font-size: 1.25em
    }

    .is-large {
        font-size: 1em
    }
    

}