:root {
	--theme-color: #000072 !important;
	--theme-color2: #db2e16 !important;
	--theme-color3: #a5cb03 !important;
	--theme-color4: #b20000 !important;
	--text-color: #25274d !important;
	--bg-color-img: #eaf7ff;
	--black: #2e2e2e;
	--grey: #e8e8e8;
	--fa6: "Font Awesome 6 Pro";
	--fw-600: 600;

	--regular: "Montserrat";
	--medi: "Montserrat-medi", sans-serif;
	--semi: "Montserrat-semi", sans-serif;
	--bold: "Montserrat-bold", sans-serif;
	--extra: "Montserrat-extra", sans-serif;

	--size-14: 0.875rem;
	--size-20: 1.25rem;
	--size-24: 1.5rem;
	--size-28: 1.75rem;
	--size-30: 1.875rem;
	--size-36: 2.25rem;
	--size-40: 2.5rem;
}

.txt-white,
.txt-white * {
	color: white !important;
}

@font-face {
	font-family: "Montserrat-bold";
	src: url("../fonts/Montserrat-Bold.woff2") format("woff2"),
		url("../fonts/Montserrat-Bold.ttf") format("truetype");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Montserrat-extra";
	src: url("../fonts/Montserrat-ExtraBold.woff2") format("woff2"),
		url("../fonts/Montserrat-ExtraBold.ttf") format("truetype");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Montserrat-semi";
	src: url("../fonts/Montserrat-SemiBold.woff2") format("woff2"),
		url("../fonts/Montserrat-SemiBold.ttf") format("truetype");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Montserrat";
	src: url("../fonts/Montserrat-Regular.woff2") format("woff2"),
		url("../fonts/Montserrat-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Montserrat-medi";
	src: url("../fonts/Montserrat-Medium.woff2") format("woff2"),
		url("../fonts/Montserrat-Medium.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

/* @font-face {
	font-family: "Great Vibes";
	src: url("../fonts/GreatVibes-Regular.woff2") format("woff2"),
		url("../fonts/GreatVibes-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

.font-2 {
	font-family: "Great Vibes";
} */
body .nav > li > a {
	font-family: var(--regular);
}
h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
	font-weight: normal !important;
	font-family: var(--bold) !important;
}

p {
	margin-bottom: 0.8em;
}

p,
a,
ul,
li,
div {
	font-family: var(--regular);
	font-weight: normal;
}

.uxb-wrapper.uxb-wrapper--text {
	position: unset;
}

.uxb-wrapper.uxb-wrapper--team_member {
	width: 25%;
}

body {
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-style: normal;
	font-family: var(--regular) !important;
	background: #eaf7ff;
}
#wrapper,
#main {
	background: #eaf7ff;
}

/* p {
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 1rem;
} */

input:autofill {
	-webkit-transition-delay: 9999s;
	transition-delay: 9999s;
}

input:-webkit-autofill {
	-webkit-transition-delay: 9999s;
	transition-delay: 9999s;
}

.wpcf7 form .wpcf7-response-output {
	display: none;
}

.wpcf7 .wpcf7-not-valid-tip {
	position: absolute;
	background: 0 0;
	padding: 0;
	font-size: 11px;
	line-height: 15px;
	left: 18px;
	bottom: 18px;
}

.wpcf7 .wpcf7-not-valid-tip:after {
	display: none;
}
.nav-small.nav > li.html {
	font-size: var(--size-14);
}

.p-mb-0 p {
	margin-bottom: 0 !important;
}

.p-mb-10 p {
	margin-bottom: 10px !important;
}

.demo_store {
	background-color: #ffb817;
	font-size: 14px;
}

.absolute-footer {
	padding: 0;
}
.absolute-footer .footer-primary {
	padding: 15px 0px 50px;
	width: 100%;
}
.copyright-footer {
	color: var(--theme-color);
	font-size: 16px;
}
.img.br-12 img {
	border-radius: 12px;
}
.img.br-12 .img-inner.image-zoom {
	border-radius: 12px;
	overflow: hidden;
}
.img.br-20 img,
.img.br-20 .img-inner {
	border-radius: 20px;
}

.fs-14,
.fs-14 * {
	font-size: 14px;
}

.menu-footer a {
	font-size: 16px;
	transition: 0.3s;
}
.menu-footer .ux-menu-link__link {
	min-height: unset;
	padding: 0;
}
.menu-footer a span {
	color: var(--theme-color);
	transition: 0.3s;
}
.menu-footer a:hover span {
	padding-left: 5px;
}
.p-mb-4 p {
	margin-bottom: 4px;
}

.box-hotline-cskh p {
	display: flex;
	align-content: center;
	font-size: 14px;
}
.box-hotline-cskh img {
	width: 43px;
	height: 18px;
	margin-left: 5px;
}
.box-hotline-cskh a {
	font-family: var(--bold);
	color: var(--theme-color);
}

.social-footer .icon-box-img {
	margin-bottom: 10px;
}
.social-footer .icon-box-text {
	font-size: 14px;
}
.main-banner-topbar {
	z-index: 10;
	position: relative;
}
.main-banner-topbar img {
	width: 100%;
	display: block;
	margin: 0 auto;
}

.header-top .flex-row .flex-left,
.header-top .flex-row .flex-right {
	flex: 0 !important;
}
.header-top .flex-row .flex-center {
	flex: 1 !important;
}
.header-top .flex-row .flex-center .nav-center {
	justify-content: space-between;
}

.header-nav-main.nav.nav-left {
	justify-content: flex-end;
	gap: 30px;
	padding-right: 100px;
}

.header-search-form-wrapper .searchform {
	border: 2px solid var(--theme-color);
	border-radius: 15px;
}
.header-search-form-wrapper .searchform:before {
	content: "";
	width: 80px;
	height: 60px;
	display: block;
	background-image: url("../images/search-rapit.svg");
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 9;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transform-origin: center;

	opacity: 0;
	transform: scale(0);
	transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.header-search-form-wrapper .searchform.active:before {
	opacity: 1;
	transform: scale(1);
}
.header-search-form-wrapper .searchform.active input {
	padding-left: 90px;
	transition: all 0.3s ease-in-out;
}

.header-search-form-wrapper .searchform input {
	height: 44px;
	border-radius: 15px 0px 0px 15px;
	font-size: 16px;
	border: none;
	padding-left: 20px;
	box-shadow: none;
	transition: all 0.3s ease-in-out;
}

.header-search-form-wrapper .searchform .ux-search-submit {
	height: 44px;
	border-radius: 0px 12px 12px 0px;
	width: 60px;
	font-size: 16px;
	background-color: #fff !important;
	background-image: url("../images/icon-search.svg");
	background-repeat: no-repeat;
	background-size: 30px;
	background-position: 20px center;
	box-shadow: none;
	border: 0px;
}
.header-search-form-wrapper .searchform .ux-search-submit i {
	font-size: 26px;
	opacity: 0;
	visibility: hidden;
}

.header-nav-main .cart-item .header-cart-link {
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	justify-content: center;
	font-weight: unset;
}
.header-nav-main .cart-item .header-cart-link .cart-img-icon {
	width: 30px;
	height: 30px;
	object-fit: contain;
}

.header-nav-main .cart-item .header-cart-link .header-cart-title {
	font-family: var(--medi);
	text-transform: initial;
	margin-top: 3px;
	font-size: 14px;
	color: var(--theme-color);
}
.header-nav-main .cart-item .header-cart-link .header-cart-icon {
	margin-left: 0;
}
.header-nav-main .cart-item .header-cart-link .header-cart-icon:after {
	background-color: var(--theme-color3);
}

.header-nav-main .box-tbkh a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	position: relative;
}
.header-nav-main .box-tbkh img {
	width: 30px;
	height: 30px;
	display: block;
	margin: 0 auto;
	object-fit: contain;
}
.header-nav-main .box-tbkh span {
	margin-top: 3px;
	font-family: var(--medi);
	color: var(--theme-color);
}
/* .header-nav-main .box-tbkh.active a:before {
	content: "1";
	display: flex;
	align-items: center;
	justify-content: center;
	width: 17px;
	height: 17px;
	border-radius: 99px;
	background-color: red;
	color: #fff;
	position: absolute;
	right: -10px;
	top: -10px;
	font-family: var(--bold);
	font-size: 11px;
} */

.header-nav-main .box-tbkh .noti-image {
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translateY(-50%);
	min-width: 153px !important;
	height: 66px !important;
}

.menu-top-bar-custom {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 30px;
}
.menu-top-bar-custom .box-topbar a {
	display: flex;
	align-items: center;
	gap: 5px;
}

.header-top .custom.html_topbar_left {
	flex-grow: 1;
}

.account-item a.nav-top-link,
.account-item a.account-link {
	background-image: url("../images/customer-login.png");
	background-size: 21px 20px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 30px;
	font-size: 14px;
	font-family: var(--semi);
}
.account-item a.nav-top-link:after,
.account-item a.account-link::after {
	content: none;
}
.account-item a.account-link i {
	display: none;
}

.blog-archive.page-wrapper {
	padding-top: 0px;
}
nav.rank-math-breadcrumb {
	padding: 20px 0px;
}
nav.rank-math-breadcrumb .separator {
	margin: 0 10px;
}

.category .archive-page-header {
	display: none;
}

.wrap-list-post-archive {
	padding: 24px 20px 24px 20px;
	isolation: isolate;
	background: #fff;
	border-radius: 12px;
}
.post-item .col-inner {
	background-color: #fff;
}
.post-item img {
	border-radius: 6px;
}
.post-item .post-title {
	font-size: 18px;
}
.post-item .is-divider {
	display: none;
}
.post-item .from_the_blog_excerpt {
	font-size: 14px;
	margin-bottom: 15px;
}
.bottom-meta-post {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #000;
	font-size: 14px;
}
.bottom-meta-post .date {
	font-size: 12px;
	font-style: italic;
	color: gray;
}

.bottom-meta-post .view-count span,
.meta-single-post .view-count span {
	background: url("../images/view.png");
	background-size: 16px 11px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
	font-family: var(--medi);
}

.nav-pagination li .page-number {
	width: 35px;
	height: 35px;
	border: 1px solid var(--theme-color);
	border-radius: 4px;
	line-height: 35px;
}

.blog-single.page-wrapper {
	padding-top: 0;
}
.blog-single article {
	padding: 24px 20px 24px 20px;
	isolation: isolate;
	background: #fff;
	border-radius: 12px;
}
.blog-single article .entry-content {
	padding-top: 0;
}
.meta-single-post {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.wrap-post-relate {
	background: #fff;
	padding: 20px;
	border-radius: 12px;
}
.wrap-post-relate .title-related-post {
	font-size: 22px;
	font-family: var(--bold);
	margin-bottom: 20px;
}

.post-sidebar aside {
	background-color: #fff;
	padding: 10px;
	border-radius: 12px;
}
.post-sidebar aside .widget-title {
	text-transform: initial;
	font-size: 18px;
	margin-top: 10px;
	display: block;
}
.post-sidebar a {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	margin-bottom: 10px;
}
.post-sidebar a .box-image {
	width: 100px;
}
.post-sidebar a .box-image img {
	width: 100px;
	height: 100px;
	object-fit: cover;
	border-radius: 5px;
}
.post-sidebar a .text-content {
	width: calc(100% - 100px);
	padding-left: 10px;
}
.post-sidebar a .text-content .title {
	font-family: var(--medi);
}
.page-wrapper.page-left-sidebar {
	padding-top: 0px;
}
.page-left-sidebar .sidebar {
	background-color: #fff;
	border-radius: 12px;
	padding: 16px;
}
.page-left-sidebar .sidebar .widget {
	margin-bottom: 0;
}
.page-left-sidebar .sidebar .current_page_item a,
.page-left-sidebar .sidebar .current_page_item:after,
.page-left-sidebar .sidebar .menu > .menu-item:hover a,
.page-left-sidebar .sidebar .menu > .menu-item:hover::after {
	color: var(--theme-color);
}
.page-left-sidebar .sidebar .menu > .menu-item:hover a svg path,
.page-left-sidebar .sidebar .current_page_item a svg path,
.page-left-sidebar .sidebar .current_page_item:hover a svg path {
	/* fill: var(--theme-color); */
	stroke: var(--theme-color);
}

.page-left-sidebar .sidebar .menu > .menu-item {
	position: relative;
}
.page-left-sidebar .sidebar .menu > .menu-item:after {
	content: "\f105";
	font-family: "fl-icons" !important;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
}
.page-left-sidebar .sidebar .menu > .menu-item a {
	display: flex;
	align-items: center;
	gap: 5px;
	padding-right: 15px;
}
.page-left-sidebar .sidebar .menu > .menu-item a svg {
	width: 20px;
}

.page-left-sidebar .large-9 .page-inner {
	background-color: #fff;
	border-radius: 12px;
	padding: 16px;
}
.page-left-sidebar .large-9 .page-inner ul {
	margin-left: 40px;
}
.page-left-sidebar .large-9 .page-inner h1.entry-title {
	text-transform: initial;
	font-size: 24px;
	margin-bottom: 15px;
}
.page-left-sidebar .large-9 .page-inner h2 {
	font-size: 20px;
}
.page-left-sidebar .large-9 .page-inner h3 {
	font-size: 18px;
}
.page-template-page-blank-title-center .entry-content {
	background-color: #fff;
	padding: 16px;
	border-radius: 12px;
}
.page-template-page-blank-title-center .entry-header .is-divider {
	background-color: var(--theme-color);
}

.product-main-single {
	background-color: #fff;
	padding: 20px !important;
	border-radius: 12px;
	margin-bottom: 30px;
}
.product-gallery .product-thumbnails a {
	background-color: var(--bg-color-img);
	padding: 10px;
}
.product-gallery .product-thumbnails .is-selected a,
.product-gallery .product-thumbnails a:hover {
	border: 2px solid #ffa3d1;
}
.product-gallery .product-thumbnails a {
	border-radius: 5px;
}
.product-gallery
	.woocommerce-product-gallery__wrapper
	.woocommerce-product-gallery__image
	img {
	width: 100%;
	height: 474px;
	object-fit: contain;
	border-radius: 12px;
}
.product-gallery .woocommerce-product-gallery__wrapper {
	border-radius: 12px;
}
.product-gallery .product-images .image-tools,
.product-gallery .product-images .badge-container .z-1 {
	display: none;
}
.product-gallery .product-images .yith-add-to-wishlist-button-block {
	top: 10px;
	z-index: 9;
	position: absolute;
	right: 16px;
}
.product-gallery .product-images {
	background-color: var(--bg-color-img);
	border-radius: 12px;
	padding: 20px;
}

.product-gallery
	.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--anchor
	svg.yith-wcwl-icon-svg {
	width: 40px;
	max-width: 40px;
	height: 40px;
}

.woocommerce-product-gallery .badge-container .badge-frame {
	display: none;
}

.product-info .brand-head {
	font-size: 16px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	gap: 40px;
	justify-content: flex-start;
	color: var(--theme-color);
}
.product-info .brand-head a,
.product-info .brand-head .other strong {
	font-family: var(--semi);
	color: var(--theme-color);
}

.product-info .product-title {
	font-size: 24px;
	font-weight: unset;
	font-family: var(--bold);
}
.meta-after-title {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 30px;
	font-size: 16px;
	margin-bottom: 20px;
}
.meta-after-title .view-count span,
.meta-after-title .star-rate span,
.meta-after-title .total-rate a span:first-child {
	font-family: var(--bold);
}
.meta-after-title .star-rate i {
	color: #fcc00d;
}

.product-info .price-wrapper {
	margin-bottom: 20px;
}

.product-info .price-wrapper .product-page-price.price-on-sale {
	display: none;
}
.product-info .price-wrapper .price-sale {
	font-size: 34px;
	color: var(--theme-color) !important;
	display: flex;
	align-items: center;
	gap: 10px;
	font-family: var(--bold);
}
.product-info .price-wrapper .price-sale .woocommerce-Price-amount {
	color: var(--theme-color) !important;
	font-family: var(--bold);
}
.product-info .price-wrapper .price-sale .percent-discout {
	font-size: 16px;
	line-height: 20px;
	padding: 2px 5px;
	border-radius: 10px 10px 10px 0;
	color: var(--theme-color2);
}
.product-info .price-wrapper .price-regular {
	font-size: 16px;
}
.product-info .price-wrapper .price-regular .woocommerce-Price-amount {
	color: #67686c;
}
.product-info .price-wrapper .price-regular .woocommerce-Price-amount bdi {
	text-decoration: line-through;
}
.quantity-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 30px;
	font-size: 16px;
	margin-bottom: 20px;
	color: var(--theme-color);
}
.quantity-wrap .quantity {
	margin: 0;
}

.quantity-wrap .quantity .button {
	border-radius: 6px;
	background: rgb(238, 238, 238);
	color: #000;
}

.product-info .btn-single-wrap {
	display: flex;
	align-content: center;
}

.product-info .btn-single-wrap .single_add_to_cart_button {
	height: 54px;
	color: #fff;
	background-color: var(--theme-color) !important;
	font-size: 20px;
	border-radius: 8px;
	text-transform: inherit;
	font-weight: unset;
	transition: 0.3s;
	width: 240px;
	transition: 0.3s;
	border: 1px solid var(--theme-color);
}
.product-info .btn-single-wrap .single_add_to_cart_button:hover {
	background-color: #fff !important;
	color: var(--theme-color);
	box-shadow: none;
}

.product-info .btn-single-wrap .quick_buy_button {
	font-size: 20px;
	border-radius: 8px;
	height: 54px;
	color: #fff;
	background: var(--theme-color3);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 240px;
	border: 1px solid var(--theme-color3);
	transition: 0.3s;
}
.product-info .btn-single-wrap .quick_buy_button:hover {
	background-color: #fff;
	color: var(--theme-color3);
}

.product-info .gift-more-info .title {
	display: block;
	font-size: 18px;
	color: var(--theme-color);
	margin-bottom: 10px;
}
.product-info .gift-more-info .content-gift img {
	width: 150px;
	height: 160px;
	object-fit: contain;
	border-radius: 20px;
	background-color: var(--bg-color-img);
	padding: 10px;
}

.social-share-single {
	display: flex;
	align-items: center;
	gap: 10px;
}
.product-footer {
	margin-top: 20px;
}
.woocommerce-Tabs-panel--description {
	position: relative;
}
.product-page-sections .product-section {
	background-color: #fff;
	border-radius: 12px;
	padding: 20px;
	border: none;
	margin-bottom: 20px;
}
.product-page-sections .product-section .entry-content {
	padding-top: 0;
}
.product-page-sections .product-section .entry-content h2,
.woocommerce-Tabs-panel--description h2 {
	font-size: 24px;
}
.product-page-sections .product-section .entry-content h3,
.woocommerce-Tabs-panel--description h3 {
	font-size: 20px;
}
.product-page-sections .product-section .entry-content h4,
.woocommerce-Tabs-panel--description h4 {
	font-size: 18px;
}
.product-page-sections .product-section .entry-content p,
.product-page-sections .product-section .entry-content td,
.woocommerce-Tabs-panel--description p,
.woocommerce-Tabs-panel--description td,
.woocommerce-Tabs-panel--additional_information td {
	font-size: 16px;
}

.product-page-sections .content-product {
	max-height: 400px;
	overflow: hidden;
}
.woocommerce-Tabs-panel--description {
	max-height: 400px;
	overflow: hidden;
}

.product-page-sections .content-product.active-readmore,
.woocommerce-Tabs-panel--description.active-readmore {
	height: auto;
	max-height: unset;
	padding-bottom: 100px;
}

.woocommerce-Tabs-panel--description .wrap-btn-readmore-single {
	display: block;
	text-align: center;
	padding: 50px 0px;
	cursor: pointer;
	position: absolute;
	bottom: 0px;
	width: 100%;
	background: rgba(237, 237, 237, 0);
	background: -webkit-gradient(
		left top,
		left bottom,
		color-stop(0%, rgba(237, 237, 237, 0)),
		color-stop(100%, white)
	);
	background: linear-gradient(
		to bottom,
		rgba(237, 237, 237, 0) 0%,
		white 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ededed", endColorstr="#ffffff", GradientType=0 );
	left: 0;
}

button.btn-readmore-content {
	margin: 0 auto;
	border: 1px solid green;
	color: green;
	border-radius: 6px;
	text-transform: inherit;
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: center;
	min-width: 250px;
	height: 40px;
	font-size: 16px;
}

.related-products-wrapper {
	background-color: #fff;
	border: none;
	border-radius: 12px;
	padding: 20px;
}

.related-products-wrapper .product-section-title {
	text-transform: inherit;
	font-size: 24px;
	padding-top: 0px;
}

.large-columns-4 .product-small .box-image .image-zoom img {
	height: 260px;
	width: auto;
	margin: 0 auto;
	display: block;
	object-fit: contain;
	mix-blend-mode: multiply;
}
.large-columns-5 .product-small .box-image .image-zoom img {
	height: 208px;
	width: auto;
	margin: 0 auto;
	display: block;
	object-fit: contain;
	mix-blend-mode: multiply;
}

.product-footer aside {
	background-color: #fff;
	border-radius: 12px;
	padding: 15px;
}
.wrap-ttbi {
	margin-bottom: 20px;
}
.wrap-ttbi h2 {
	font-size: 24px;
}
.wrap-ttbi .list-post .slick-list {
	margin-left: -15px;
}
.wrap-ttbi .list-post .slick-slide {
	margin-left: 15px;
}
.wrap-ttbi .custom-arrow-slick .slick-nav.prev-arrow {
	left: -14px;
}
.wrap-ttbi .list-post .item {
	padding-bottom: 15px;
}
.wrap-ttbi .list-post .item .box-img {
	margin-bottom: 10px;
}
.wrap-ttbi .list-post .item .box-img img {
	width: 100%;
	border-radius: 6px;
	height: 200px;
	object-fit: cover;
}
.wrap-ttbi .list-post .item .title {
	font-family: var(--bold);
	font-size: 16px;
}
.wrap-ttbi .list-post .item .meta-bottom i {
	background-color: #ee3e7f41;
	color: #000;
	width: 20px;
	height: 20px;
	border-radius: 99px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.box-white-style-one {
	margin-top: 20px;
	background: rgb(255, 255, 255);
	padding: 20px;
	border-radius: 12px;
}
.main-post-product-cat {
	background-color: #fff;
	margin-top: 20px;
	padding-top: 40px;
}

.list-buy-together-product .slick-list,
.list-product-recentview .slick-list {
	margin-left: -20px;
}
.list-buy-together-product .slick-list .slick-slide,
.list-product-recentview .slick-list .slick-slide {
	margin-left: 20px;
}
.list-buy-together-product .product-small.col,
.list-product-recentview .product-small.col {
	padding: 0px;
}
.list-buy-together-product .custom-arrow-slick .slick-nav.prev-arrow,
.list-product-recentview.custom-arrow-slick .slick-nav.prev-arrow {
	left: -15px;
}

.post-item .read-more {
	color: var(--theme-color);
	display: block;
	margin-top: 10px;
}

/* .list-product-recentview .slick-track {
	display: flex !important;
	justify-content: flex-start !important;
}
.list-product-recentview .slick-track {
	margin-left: 0;
}
.list-product-recentview .slick-list > div {
	padding-left: 0 !important;
} */

.custom-arrow-slick .slick-nav {
	width: 36px;
	height: 36px;
	position: absolute;
	top: 30%;
	transform: translateY(-50%);
	border-radius: 99%;
	background-color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	z-index: 9;
	transition: 0.3s;
	cursor: pointer;
}
.custom-arrow-slick .slick-nav:hover {
	background-color: var(--theme-color);
	color: #fff;
}

.custom-arrow-slick .slick-nav.slick-disabled:hover {
	cursor: not-allowed;
}

.custom-arrow-slick .slick-nav.prev-arrow {
	left: 0;
}
.custom-arrow-slick .slick-nav.next-arrow {
	right: -15px;
}
.main-register {
	max-width: 600px;
	background-color: #fff;
	border-radius: 12px;
	padding: 20px;
	margin: 0 auto;
	margin-bottom: 20px;
	margin-top: 20px;
}
.main-register input {
	height: 45px;
	border-radius: 5px;
	box-shadow: none;
}
.main-register textarea {
	border-radius: 5px;
	box-shadow: none;
}
.main-register button {
	height: 45px;
	border-radius: 5px;
	color: #fff;
	width: 150px;
	display: block;
	margin: 0 auto;
	text-transform: inherit;
}
.notice-wrap .notice {
	width: max-content;
	display: block;
	margin: 0 auto;
	background-color: #fff;
	color: red;
	border-radius: 5px;
	padding: 5px 10px;
}
.notice-wrap .success {
	width: max-content;
	display: block;
	margin: 0 auto;
	border-radius: 5px;
	padding: 5px 10px;
	color: #fff;
	background: #69a72d !important;
}

.box-voucher {
	display: flex;
	align-items: stretch;
	border-radius: 8px;
	transition: 0.3s;
	width: 100%;
	height: 100%;
	position: relative;
}

.box-voucher .box-img {
	background: #c7acfd;
	min-height: 110px;
	min-width: 71px;
	width: 71px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	font-size: 11px;
	text-align: center;
	padding: 8px;
	border-radius: 12px;
	border-right: 3px dashed #a5cb03;
}

.box-voucher .box-img img {
	width: 71px;
	height: 107px;
	position: absolute;
	top: -20px;
	left: -5px;
}
.box-voucher .box-img span {
	color: #fff;
	font-family: var(--bold);
	line-height: 15px;
	text-transform: uppercase;
}
.box-voucher .box-text-coupon {
	background: #c7acfd;
	padding: 10px;
	border-radius: 12px;
	position: relative;
	transition: 0.3s;
	flex-grow: 1;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
.box-voucher .box-boder {
	width: 100%;
	border: 1px dashed #fff;
	padding: 10px;
	border-radius: 10px;
	transition: 0.3s;
	height: 100%;
}
.box-voucher:hover .box-boder {
	border-color: #000000;
}
.box-voucher .box-text-coupon .title {
	font-size: 24px;
	color: #fff;
	margin-bottom: 10px;
	line-height: 1;
}
.box-voucher .box-text-coupon .des {
	font-size: 14px;
	line-height: 1;
	color: #fff;
	margin-bottom: 5px;
}
.box-voucher .box-text-coupon .date-exp {
	font-size: 12px;
	margin-bottom: 10px;
	display: block;
	width: 100%;
	margin-top: auto;
	font-family: var(--bold);
	color: #fff;
}
.box-voucher .box-text-coupon .btn-group .button,
.box-voucher .box-text-coupon .btn-group a.button,
.box-voucher .box-text-coupon .btn-group button {
	margin: 0 0 0 auto;
	font-size: 16px;
	width: 100px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 30px;
	text-transform: inherit;
	min-height: unset;
	font-weight: unset;
	font-family: var(--bold);
}
.box-voucher button {
	background: linear-gradient(234.87deg, #f18 46.25%, #fc4c4f 81.16%);
	color: #fff;
}

.list-voucer.custom-arrow-slick .slick-nav {
	top: 50%;
}

.slick-track {
	display: flex !important;
}

.slick-slide {
	height: inherit !important;
}
.slick-slide > div,
.slick-slide > div > .product-small,
.slick-slide > div > .product-small .col-inner,
.slick-slide > div > .product-small .col-inner .product-small {
	height: 100%;
}

.list-voucer .slick-track {
	display: flex !important;
}
.list-voucer .slick-slide {
	height: inherit !important;
}
.list-voucer .slick-slide > div {
	height: 100%;
}
.list-voucer .slick-slide .item {
	height: 100%;
}

.list-counpon-code-acc {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	padding-top: 30px;
}
.list-counpon-code-acc .box-voucher {
	width: calc(50% - 8px);
}
.woocommerce-MyAccount-content {
	background: #fff;
	padding: 16px;
	border-radius: 12px;
}
.my-account .vertical-tabs .col-border {
	border-right: none;
}
.my-account .account-user.circle {
	background: #fff;
	padding: 16px;
	border-radius: 12px !important;
}

.my-account ul.account-nav {
	padding: 16px;
	background-color: #fff;
	border-radius: 12px;
}
.my-account ul.account-nav li a {
	font-weight: unset;
	font-family: var(--semi);
	text-transform: initial;
	font-size: 14px;
}

.product-small .image-tools .wishlist-icon,
.product-small .box-image .yith-wcwl-add-to-wishlist {
	display: none;
}

.product-small .yith-wcwl-add-to-wishlist-button {
	left: unset;
	right: 0;
	margin: 0;
	top: 5px;
}
.product-small .yith-wcwl-add-to-wishlist-button:hover svg path {
	fill: var(--theme-color3);
}

.yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button__label,
.product-small .add_to_wishlist span {
	display: none;
}
.product-small .yith-wcwl-add-to-wishlist a.delete_item {
	font-size: 0;
}

.wishlist_table.wishlist_view {
	background-color: #fff;
	padding: 15px;
	border-radius: 12px;
}

.wrap-form-contact input {
	height: 40px;
	border-radius: 5px;
	box-shadow: none;
}
.wrap-form-contact textarea {
	border-radius: 5px;
	box-shadow: none;
}
.wrap-form-contact .wpcf7-submit {
	width: 150px;
}
.wpcf7-list-item input {
	height: auto;
}
.wrap-form-contact .wpcf7-submit {
	width: 150px;
	margin-right: 0;
	margin-left: auto;
	display: block;
	margin-bottom: 0;
}
.wrap-form-contact .wpcf7-spinner {
	display: none;
}
div#popup-noti-request-login {
	border-radius: 12px;
	text-align: center;
}
.noti-login-request {
	padding: 10px;
}
.noti-login-request span {
	font-size: 18px;
	font-family: var(--bold);
	font-weight: unset;
	display: block;
}
.noti-login-request img {
	width: 150px;
	display: block;
	margin: 0px auto 10px;
}
.product-info p.stock {
	display: none;
}
.product-info .stock.out-of-stock {
	background-color: #fff4fc;
	border: 1px solid #f3e1ee;
	border-radius: 5px;
	padding: 10px;
	color: #ff0000;
	font-size: 16px;
	font-weight: unset;
	font-family: var(--bold);
	display: block;
}

.wishlist-items-wrapper .product-add-to-cart .add_to_cart_button {
	color: #fff;
	background: radial-gradient(
		96.09% 720.69% at 97.83% 50%,
		#ff7d19 59.21%,
		#ff9b19 100%
	);
	font-size: 16px;
	border-radius: 8px;
	text-transform: inherit;
	font-weight: unset;
	transition: 0.3s;
	border: 1px solid transparent;
}
.wishlist-items-wrapper .product-add-to-cart .add_to_cart_button:hover {
	box-shadow: none;
	background: #fff;
	color: #ff7d19;
	border: 1px solid #ff7d19;
}

.main-benefit {
	background: #fff;
	padding: 20px;
	border-radius: 12px;
	min-height: 500px;
}
.noti-item-page {
	width: 270px;
	display: block;
	margin: 0 auto;
	text-align: center;
}
.noti-item-page img {
	display: block;
	width: 180px;
	height: 180px;
	object-fit: contain;
	margin: 0 auto;
}
.noti-item-page span {
	display: block;
	margin-top: 10px;
	font-family: var(--bold);
}
.main-benefit ul.nav-line-bottom {
	justify-content: space-evenly;
	border-bottom: 1px solid #eee;
}
.main-benefit ul.nav-line-bottom li a {
	font-size: 14px;
	text-transform: initial;
	color: #000;
}
.main-benefit ul.nav-line-bottom li.active a {
	color: var(--theme-color);
}
.main-benefit .tab-panels {
	padding-top: 25px;
}
.list-item-noti .item-post a {
	border: 1px solid #eee;
	border-radius: 6px;
	overflow: hidden;
	display: block;
	height: 100%;
	transition: 0.3s;
}
.list-item-noti .item-post img {
	height: 220px;
	width: 100%;
	object-fit: cover;
	margin-bottom: 10px;
}
.list-item-noti .item-post h4 {
	padding: 0px 20px;
}
.list-item-noti .item-post:hover a {
	border-color: var(--theme-color);
}
.list-coupon-page {
	padding-top: 20px;
}
.list-coupon-page .item {
	margin-bottom: 20px;
}
.list-coupon-page .box-voucher {
	height: 100%;
}
.list-coupon-page .box-voucher .box-text-coupon {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
.list-coupon-page .box-voucher .box-text-coupon .date-exp {
	margin-top: auto;
}

.woocommerce-EditAccountForm input {
	height: 40px;
	border-radius: 5px;
	box-shadow: none;
}
.woocommerce-EditAccountForm .password-input {
	display: flex;
	align-content: center;
}
.woocommerce-EditAccountForm .password-input .show-password-input {
	background-image: url("../images/eyes-1.svg");
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: center;
}
.woocommerce-EditAccountForm
	.password-input
	.show-password-input.display-password {
	background-image: url("../images/eyes.svg");
}
.woocommerce-EditAccountForm button.woocommerce-Button,
.woocommerce-MyAccount-content form button {
	text-transform: inherit;
	border-radius: 5px;
	display: block;
	margin: 0 auto;
}
.woocommerce-MyAccount-content form input,
.woocommerce-MyAccount-content form select {
	height: 40px;
	border-radius: 5px;
	box-shadow: none;
}

.comment-form-rating .stars a {
	position: relative;
	margin-left: 0;
}
.comment-form-rating .stars a::after {
	position: absolute;
	left: 0;
}
.comment-form-rating .stars a + a {
	border: none;
}

.comment-form textarea {
	border-radius: 5px;
}
.comment-form input {
	border-radius: 5px;
}
.comment-form .submit {
	text-transform: initial;
}
.review-form-inner {
	border-radius: 12px;
}
.slide-banner-product-cat {
	border-radius: 12px;
	margin-bottom: 0px !important;
}
.slide-banner-product-cat .item img {
	border-radius: 12px;
}
.slide-banner-product-cat .slick-dots {
	bottom: 20px;
}
.slide-banner-product-cat .slick-dots button::before {
	content: none;
}
.slide-banner-product-cat .slick-dots button {
	background-color: #fff;
	border-radius: 99%;
	width: 15px;
	height: 15px;
	transition: 0.3s;
}
.slide-banner-product-cat .slick-dots li {
	transition: 0.3s;
}
.slide-banner-product-cat .slick-dots .slick-active {
	width: 40px;
}
.slide-banner-product-cat .slick-dots .slick-active button {
	background-color: var(--theme-color);
	width: 40px;
	border-radius: 12px;
}
.slide-brand-product-cat .slick-list {
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
}
.slide-brand-product-cat .col-item img {
	height: 120px;
	width: 100%;
	display: block;
	margin: 0 auto;
	object-fit: contain;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.slide-brand-product-cat.custom-arrow-slick .slick-nav {
	top: 50%;
}

.slide-brand-product-cat.custom-arrow-slick .slick-nav.prev-arrow {
	left: -14px;
}

.wrap-stores {
	background-color: #fff;
	padding: 20px;
	border-radius: 12px 0px 0px 12px;
	border-right: none;
}

#province {
	display: block;
	width: 100%;
	margin-bottom: 20px;
	height: 45px;
	border-radius: 4px;
	box-shadow: none;
}

.list-store {
	height: 450px;
	overflow: auto;
}

.map-diemban {
	background-color: #fff;
	border-radius: 0px 12px 12px 0px;
	padding: 20px;
	overflow: hidden;
}

.map-diemban iframe,
.map-diemban,
.map-diemban p {
	height: 100%;
}

.item-store {
	background-color: #04049b0f;
	margin-bottom: 10px;
	border-radius: 6px;
	padding: 10px;
	margin-right: 10px;
	color: #000;
	cursor: pointer;
	transition: 0.3s;
}

.item-store.active,
.item-store:hover {
	background: #030380;
}

.item-store.active > *,
.item-store:hover > * {
	color: #fff;
}

/*css scroll 3*/

.list-store::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #f5f5f5;
}

.list-store::-webkit-scrollbar {
	width: 6px;
	background-color: #f5f5f5;
}

.list-store::-webkit-scrollbar-thumb {
	background-color: #000000;
}

.wrap-term-des {
	background-color: #fff;
	padding: 16px;
	border-radius: 12px;
}

.wrap-term-des.readmore-add {
	position: relative;
}
.wrap-term-des.readmore-add .term-description {
	position: relative;
	padding-bottom: 65px;
	max-height: 350px;
	overflow: hidden;
	position: relative;
}

.wrap-term-des.readmore-add .readmore-des {
	display: block;
	text-align: center;
	padding: 20px 0px;
	cursor: pointer;
	position: absolute;
	bottom: 0px;
	width: 100%;
	background: rgba(237, 237, 237, 0);
	background: -webkit-gradient(
		left top,
		left bottom,
		color-stop(0%, rgba(237, 237, 237, 0)),
		color-stop(100%, white)
	);
	background: linear-gradient(
		to bottom,
		rgba(237, 237, 237, 0) 0%,
		white 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ededed", endColorstr="#ffffff", GradientType=0 );
	left: 0;
}
.wrap-term-des.readmore-add .readmore-des > span {
	border: 1px solid green;
	padding: 10px 20px;
	border-radius: 4px;
	color: green;
	text-transform: uppercase;
	background: #fff;
}

.wrap-term-des .term-description.active-term {
	height: auto;
	max-height: unset;
}

.list-post-boich .post-item {
	padding-left: 20px;
}
.list-post-boich {
	margin-left: -20px;
}

.wrap-posts-product-cat .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}
.wrap-posts-product-cat .title h2 {
	width: max-content;
}
.wrap-posts-product-cat .title a {
	display: flex;
	align-items: center;
	color: var(--theme-color);
	gap: 10px;
	font-size: 16px;
}

.product-page-sections .product-section .entry-content table {
	width: 100%;
	border-collapse: collapse;
}

.product-page-sections .product-section .entry-content table table,
.product-page-sections .product-section .entry-content table td,
.product-page-sections .product-section .entry-content table th {
	border: 1px solid #c3c3c3;
	padding: 10px;
}

.wp-block-woocommerce-cart .wc-block-cart .wc-block-cart__main {
	background-color: #fff;
	padding: 20px;
	border-radius: 12px;
}

.wc-block-cart-items .wc-block-cart-items__header th {
	font-size: 16px;
}
.wc-block-components-product-name {
	font-size: 16px !important;
	font-family: var(--bold);
}
.wc-block-components-product-price__value.is-discounted,
.wc-block-components-product-price__value {
	color: red;
}

.wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block {
	padding: 20px;
	background-color: #fff;
	border-radius: 12px 12px 0px 0px;
}
.wc-block-cart__totals-title {
	font-size: 16px !important;
	line-height: 16.8px !important;
}
a.wc-block-cart__submit-button {
	background: #c70000;
	color: #fff;
	border-radius: 0px 0px 12px 12px;
	transition: 0.3s !important;
}
a.wc-block-cart__submit-button:hover {
	background-color: #e72b2b;
}

.wc-block-components-sidebar-layout .wc-block-components-main {
	background-color: #fff;
	padding: 20px !important;
	border-radius: 12px;
}
.wc-block-checkout__sidebar {
	margin-top: 0 !important;
}
.wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block {
	background-color: #fff;
	padding: 20px !important;
	border-radius: 12px;
	border: none;
}
.wp-block-woocommerce-checkout-order-summary-block
	.wc-block-components-checkout-order-summary__title
	.wc-block-components-checkout-order-summary__title-text {
	margin-left: 0px !important;
}
.wc-block-components-order-summary.is-large {
	padding: 0px !important;
}
.wc-block-components-product-metadata__description {
	font-size: 11px !important;
}
.wc-block-checkout__sidebar .wc-block-components-product-name,
.wp-block-woocommerce-checkout-order-summary-block
	.wc-block-components-formatted-money-amount,
.wc-block-components-order-summary
	.wc-block-components-order-summary-item__individual-prices {
	font-size: 14px !important;
}
.is-large .wc-block-components-sidebar .wc-block-components-panel,
.is-large .wc-block-components-sidebar .wc-block-components-totals-coupon,
.is-large .wc-block-components-sidebar .wc-block-components-totals-item {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.wc-block-components-totals-coupon .wc-block-components-panel__button {
	font-size: 16px;
}
.wc-block-components-totals-item .wc-block-components-totals-item__label {
	font-size: 16px;
}
.wc-block-components-totals-footer-item
	.wc-block-components-totals-item__label {
	font-weight: unset !important;
	font-family: var(--extra);
	font-size: 22px !important;
}

.wc-block-components-totals-wrapper
	.wc-block-components-totals-footer-item-tax-value {
	color: red;
	font-size: 20px !important;
	font-weight: unset !important;
	font-family: var(--bold);
}

.wc-block-components-totals-coupon__button {
	background-color: green !important;
	color: #fff;
	border-radius: 6px;
	font-weight: unset;
}
button.wc-block-components-checkout-place-order-button {
	background: rgb(180, 1, 1);
	color: #fff;
	min-height: unset !important;
	height: 50px !important;
	border-radius: 6px;
	transition: 0.3s !important;
	margin-bottom: 0px !important;
	cursor: pointer;
	position: relative;
	isolation: isolate;
}

button.wc-block-components-checkout-place-order-button::after {
	content: "";
	position: absolute;
	z-index: -1;
	background-color: rgb(245, 24, 24);
	inset: 0;
	scale: 0 1;
	transform-origin: right;
	transition: scale 450ms;
	border-radius: 6px;
}
button.wc-block-components-checkout-place-order-button:hover::after,
button.wc-block-components-checkout-place-order-button:focus-visible::after {
	transform-origin: left;
	scale: 1 1;
	box-shadow: none;
	border-radius: 6px;
}

.wc-block-components-totals-discount__coupon-list
	.wc-block-components-totals-discount__coupon-list-item {
	border-radius: 6px !important;
	padding: 0px 0px 0px 10px !important;
}
.wc-block-components-totals-discount__coupon-list
	.wc-block-components-chip
	.wc-block-components-chip__remove {
	border-radius: 0px 6px 6px 0px;
}
.wc-block-components-totals-discount__coupon-list
	.wc-block-components-chip
	.wc-block-components-chip__remove:hover {
	background-color: red;
}

.page-checkout .large-7 section {
	background-color: #fff;
	padding: 20px;
}
.page-checkout section.woocommerce-order-details {
	border-radius: 12px;
	margin-bottom: 10px;
}
.page-checkout section.woocommerce-customer-details {
	border-radius: 12px;
	margin-bottom: 10px;
}
.page-checkout .order_details thead th {
	font-size: 16px;
}
.page-checkout .order_details tbody td {
	font-size: 14px;
}
.page-checkout .order_details tfoot th,
.page-checkout .order_details tfoot td {
	font-size: 14px;
}

.page-checkout .entry-content {
	background-color: #fff;
	box-shadow: none;
	border-radius: 12px;
}

.intro-video {
	min-width: 100%;
	min-height: 100%;
	min-height: 100%;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background: #000;
	z-index: 999;
}
.intro-video #intro_video {
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
	max-width: none;
	max-height: none;
}
#btn_skip .intro-btn {
	display: block;
	background: #ee396f;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
	border-radius: 100px;
	min-width: 123px;
}
#btn_skip {
	display: inline-block;
	position: absolute;
	backface-visibility: hidden;
	z-index: 1;
	padding: 0;
	border: none;
	transition: none;
	z-index: 13;
	opacity: 0;
}
#btn_skip .intro-btn .intro-txt:after {
	position: absolute;
	background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9.5' cy='9.5' r='9.5' fill='white'/%3E%3Cpath d='M5 8.75C4.58579 8.75 4.25 9.08578 4.25 9.5C4.25 9.91421 4.58579 10.25 5 10.25V8.75ZM10.521 5.43634C10.2097 5.16309 9.73587 5.19394 9.46262 5.50524C9.18937 5.81654 9.22022 6.29041 9.53152 6.56366L10.521 5.43634ZM14 9.48801L14.4948 10.0516C14.657 9.9092 14.75 9.70382 14.75 9.48797C14.75 9.27212 14.657 9.06674 14.4948 8.92435L14 9.48801ZM9.50502 12.4364C9.19375 12.7097 9.16295 13.1836 9.43624 13.4948C9.70952 13.8061 10.1834 13.8369 10.4947 13.5636L9.50502 12.4364ZM13.5 8.75H5V10.25H13.5V8.75ZM9.53152 6.56366L13.5052 10.0517L14.4948 8.92435L10.521 5.43634L9.53152 6.56366ZM10.4947 13.5636L14.4948 10.0516L13.5052 8.9244L9.50502 12.4364L10.4947 13.5636Z' fill='%23F73E75'/%3E%3C/svg%3E%0A");
	content: "";
	background-repeat: no-repeat;
	width: 19px;
	height: 19px;
	right: 15px;
	top: 15px;
	animation: bounce_frames 0.8s ease-in-out infinite alternate;
}
#btn_skip .intro-btn .intro-txt {
	display: block;
	color: #fff;
	font-size: 17px;

	line-height: 1;
	width: 100%;
	height: 100%;
	padding: 17px 40px 14px 17px;
	position: relative;
	letter-spacing: 0.8px;
}
@keyframes bounce_frames {
	from {
		transform: translate3d(-3px, 0, 0);
	}
	to {
		transform: translate3d(5px, 0, 0);
	}
}

.form-footer {
	display: flex;
	justify-content: space-between;
	gap: 10px;
}
.form-footer .wpcf7-spinner {
	display: none;
}

.form-footer .wpcf7-submit {
	margin: 0;
	border-radius: 6px;
	background-color: var(--theme-color2) !important;
	height: 45px;
	font-weight: unset;
	font-family: var(--bold);
	text-transform: inherit;
}
.form-footer input {
	margin-bottom: 0;
	border-radius: 6px;
	height: 45px;
	box-shadow: none;
	background-color: #d2dee5;
}

.sidebar-inner aside .custom-html-widget:empty {
	display: none;
}
.sidebar-inner aside .custom-html-widget {
	background-color: #fff;
	border-radius: 12px;
	padding: 15px;
}
.list-child-cat-sidebar a {
	display: block;
	width: 100%;
	margin-bottom: 5px;
	transition: 0.3s;
}
.list-child-cat-sidebar a:hover {
	padding-left: 5px;
	color: var(--theme-color);
}

.sidebar-inner aside .custom-html-widget .wpfFilterWrapper {
	margin-top: 0px;
	margin-bottom: 0px;
}

.sidebar-inner aside .custom-html-widget .wpfFilterTitle {
	margin-bottom: 5px;
}
.search-wrap-value {
	font-size: 20px;
	margin-bottom: 20px;
}

.atc-loop-custom {
	width: 26px;
	height: 26px;
	display: block !important;
	background-color: transparent !important;
	background-image: url("../images/cart.svg");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	min-height: unset !important;
	padding: 0 !important;
	margin: 0;
	box-shadow: none;
	border: none;
}
.atc-loop-custom:hover {
	box-shadow: none;
}

.btn-group-bottom-loop {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.btn-group-bottom-loop .yith-add-to-wishlist-button-block {
	margin: 0px;
}
.btn-group-bottom-loop .buy-now-button {
	background-color: #a5cb03;
	border-radius: 30px;
	color: #fff;
	text-transform: inherit;
	margin: 0;
	font-weight: unset;
	font-family: var(--regular);
}
.btn-group-bottom-loop .btn-atc-custom {
	display: flex;
	align-items: center;
}

.archive .shop-container {
	background-color: #fff;
	border-radius: 12px;
	margin-bottom: 20px;
	padding: 16px;
}

.archive .shop-container .product-small .box-image .image-zoom img {
	height: 184px;
	width: auto;
	object-fit: contain;
	display: block;
	margin: 0 auto;
}

.product-small .badge-container {
	display: none;
}
.product-small .price-wrapper {
	display: flex;
	align-items: center;
}
.product-small .price-sale {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.product-small .woocommerce-Price-amount {
	font-size: 24px;
	color: var(--theme-color);
	font-weight: unset;
	font-family: var(--bold);
}
.product-small .percent-discout {
	color: var(--theme-color2);
	font-family: var(--bold);
	font-size: 18px;
}
.product-small .product-title a {
	display: block;
	font-family: var(--bold);
	font-size: 18px;
	color: var(--theme-color);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.product-small .title-wrapper {
	margin-bottom: 15px;
}

.product-small .box-image .yith-add-to-wishlist-button-block {
	display: none;
}
.btn-atc-custom .added_to_cart {
	display: none;
}
.btn-atc-custom .add_to_cart_button.added {
	display: block;
}

.product-small .box-image {
	background-color: var(--bg-color-img);
	padding: 10px;
	border-radius: 12px;
}
.product-small .box-image img {
	border-radius: 12px;
}
.product-small .box-image .image-tools-left {
	position: absolute;
	display: flex;
	flex-direction: column;
	z-index: 9;
	top: 10px;
	left: 10px;
}
.product-small .box-image .image-tools-right {
	position: absolute;
	display: flex;
	flex-direction: column;
	z-index: 9;
	top: 10px;
	right: 10px;
}
.product-small .box-image .image-tools-left img,
.product-small .box-image .image-tools-right img,
.product-gallery .image-tools-left img {
	width: 70px;
	height: 70px;
	object-fit: contain;
}
.product-gallery .image-tools-left {
	display: flex;
	flex-direction: column;
	position: absolute;
	left: 10px;
	top: 20px;
	z-index: 9;
}
.product-gallery .image-tools-bottom {
	position: absolute;
	bottom: 10px;
	left: 15px;
}

.product-small .box-image .image-tools-bottom {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.product-small .box-image .image-tools-bottom img,
.product-gallery .image-tools-bottom img {
	height: 61px;
	width: auto;
	object-fit: contain;
}

.main-voucher-product-cat {
	margin-top: 20px;
}

.row-voucher-block .col-left > .col-inner {
	display: flex;
	align-items: center;
	border-radius: 20px 0px 0px 20px;
}
.row-voucher-block .col-left .img-voucher-left {
	position: absolute;
	z-index: 9;
	width: 217px !important;
	left: -80px;
	bottom: -30px;
}
.row-voucher-block .col-right > .col-inner {
	height: 100%;
	border-radius: 0px 20px 20px 0px;
}

.row-voucher-block .custom-arrow-slick .slick-nav.prev-arrow {
	left: -38px;
}
.row-voucher-block .custom-arrow-slick .slick-nav.next-arrow {
	right: -38px;
}
.row-voucher-block .slick-slide {
	margin: 0px 8px;
}
.row-voucher-block .list-voucer .slick-list {
	margin: 0px -8px;
	padding: 25px 0px 0px;
}

.filter-order-product-cat .order-list {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 30px;
}
.filter-order-product-cat .order-list li {
	width: auto;
	list-style: none;
}
.filter-order-product-cat .order-list li a {
	font-family: var(--bold);
	font-size: 18px;
	color: var(--theme-color);
	border-bottom: 2px solid transparent;
	padding-bottom: 10px;
	display: block;
}
.filter-order-product-cat .order-list li.active a,
.filter-order-product-cat .order-list li:hover a {
	border-color: var(--theme-color3);
}
nav.woocommerce-pagination {
	margin-top: 45px;
}
.product-small .col-inner .btn-group-bottom-loop .add_to_cart_button {
	position: relative;
}
.product-small .col-inner .btn-group-bottom-loop .add_to_cart_button:before {
	content: "+1";
	position: absolute;
	left: 58%;
	transform: translateX(-50%);
	color: var(--theme-color);
	line-height: 1;
	top: -10px;
	font-family: var(--bold);
	font-size: 1rem;
	opacity: 0;
	visibility: hidden;
}
.product-small
	.col-inner
	.btn-group-bottom-loop
	.add_to_cart_button.added:before {
	animation: up_cart_plus 2s ease 0s 1 normal forwards;
}
.wc-block-components-product-metadata
	.wc-block-components-product-details
	.wc-block-components-product-details__name,
.wc-block-components-product-metadata
	.wc-block-components-product-details__value {
	font-size: 11px;
}

.buy-together-products {
	margin-top: 30px;
}
.product-footer .woocommerce-tabs {
	background: #fff;
	border: none;
	padding: 20px;
	border-radius: 12px;
	margin-bottom: 20px;
}

.woocommerce-tabs .tabs li a {
	border: none;
	border-bottom: 2px solid transparent;
	border-radius: 0px;
	box-shadow: none;
	font-size: 18px;
	font-family: var(--bold);
	color: var(--theme-color);
}
.woocommerce-tabs .tabs li.active a {
	border-color: var(--theme-color3);
}
.woocommerce-tabs .tabs {
	gap: 30px;
}

.woocommerce-tabs .tabs table tr td {
	font-size: 16px;
}
.form-faqs {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}
.form-faqs > span {
	width: calc(40% - 8px);
}
.form-faqs input {
	border-radius: 6px;
	box-shadow: none;
	height: 45px;
}
.form-faqs .wpcf7-submit {
	width: calc(20% - 8px);
	margin-right: 0;
	border-radius: 6px;
	height: 45px;
}

.form-faqs .wpcf7-spinner {
	display: none;
}
.faq-wrap .accordion .accordion-item {
	margin-bottom: 15px;
}
.faq-wrap .accordion .accordion-item .accordion-title {
	border: 1px solid #eee;
	border-radius: 12px;
	padding-left: 15px !important;
}
.faq-wrap .accordion .accordion-item .accordion-title .toggle {
	left: unset;
	right: 0;
	margin: 0;
}
.recently-viewed-products h2 {
	font-size: 24px;
}

/* home page */

a.button {
	font-weight: unset;
	font-family: var(--regular);
}

.box-blog-cat {
	background-color: #fff;
	border-radius: 20px;
	padding: 10px;
	transition: all 0.3s;
}
.box-blog-cat:hover {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
		rgba(1, 8, 97, 0.3) 0px 1px 3px -1px;
}
.box-blog-cat .text p {
	font-size: 16px;
	color: var(--theme-color);
	font-family: var(--bold);
}
.box-blog-cat .text.word-break p {
	word-break: break-all;
}
.box-blog-cat .icon-inner img {
	height: 70px;
	object-fit: contain;
}

.blog-index-left .col-inner,
.blog-index-right .col-inner {
	background-color: transparent;
}

.tab-product-attr-index ul.nav li {
	margin: 0px 35px;
}
.tab-product-attr-index ul.nav li.active a:before,
.tab-product-attr-index ul.nav li:hover a:before {
	background-color: var(--theme-color3);
}
.tab-product-attr-index ul.nav li a {
	text-transform: uppercase;
	color: var(--theme-color);
	font-size: 18px;
	font-family: var(--bold);
	padding-bottom: 20px;
}
.tab-one-index .btn-read-all-icon {
	position: absolute;
	right: 0px;
	top: 0px;
}
.btn-read-all-icon {
	position: relative;
	padding-right: 65px;
	padding-left: 30px;
}
.btn-read-all-icon:after {
	content: "";
	display: block;
	position: absolute;
	width: 66px;
	height: 62px;
	background-image: url("../images/icon-readall.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	right: -23px;
	bottom: -3px;
}

.brand-index-tab .box-text {
	display: none;
}
.brand-index-tab .box-image {
	background-color: var(--bg-color-img);
	border-radius: 12px;
	padding: 10px;
	height: 130px;
	width: 130px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s;
}
.brand-index-tab .box-image:hover {
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.brand-index-tab .box-image img {
	width: 100px;
	height: 100px;
	object-fit: contain;
	margin: 0 auto;
	display: block;
	mix-blend-mode: multiply;
}
.col-san-sale .flash-sale {
	position: absolute;
	left: -55px;
	top: -34px;
}
.col-san-sale h2 {
	padding-left: 100px;
}
.col-san-sale .btn-read-all-icon {
	border-radius: 99px;
	position: absolute;
	top: 30px;
	right: 10px;
}
.col-mega-livestream .mega-livestream {
	position: absolute;
	left: -55px;
	top: -40px;
}
.br-30-img .img-inner {
	border-radius: 30px;
	overflow: hidden;
}

.row-list-page .icon-box-img .icon-inner img {
	height: 95px !important;
	object-fit: contain;
}

.row-list-page .flickity-prev-next-button {
	opacity: 1;
}
.row-list-page .flickity-page-dots {
	bottom: -10px;
}
.row-list-page .flickity-page-dots .dot {
	background-color: gray;
	border-color: gray;
}
.row-list-page .flickity-page-dots .dot.is-selected {
	background-color: var(--theme-color);
	border-color: var(--theme-color);
}
.row-list-page .flickity-prev-next-button svg {
	width: 36px;
	height: 36px;
	background-color: #fff;
	border-radius: 99px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	padding: 12px;
	transition: 0.3s;
}
.row-list-page .flickity-prev-next-button svg:hover,
.row-list-page .flickity-prev-next-button svg:focus {
	background-color: var(--theme-color);
}
.row-list-page .flickity-prev-next-button svg:hover path,
.row-list-page .flickity-prev-next-button svg:focus path {
	fill: #fff;
}
.row-list-page .flickity-prev-next-button.previous {
	left: -20px;
}
.row-list-page .flickity-prev-next-button.next {
	right: -20px;
}
.row-list-page .flickity-prev-next-button {
	top: 2%;
}

.custom-dots-flick {
	position: absolute;
	color: #fff;
	z-index: 9;
	bottom: 10px;
	right: 20px;
	width: auto !important;
}
.custom-dots-flick .line {
	margin: 0 3px;
}
.custom-dots-flick span {
	font-family: var(--bold);
}

.slider-banner-home .slider .flickity-viewport {
	border-radius: 20px;
	overflow: hidden;
}
.slider-banner-home img {
	border-radius: 20px;
}
.slider-banner-home .flickity-page-dots {
	width: max-content;
	width: max-content;
	right: 12%;
	left: unset;
}
.slider-banner-home .flickity-page-dots .dot {
	border: none;
	background-color: #1ba3de;
	opacity: 1;
	margin: 0px 3px;
	transition: all 0.3s;
}
.slider-banner-home .flickity-page-dots .dot.is-selected {
	background-color: #1ba3de !important;
	width: 40px;
	border-radius: 30px;
}
.wrap-banner-welcome .welcome-banner {
	position: relative;
	padding: 20px 50px 20px 20px;
	border-radius: 20px;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
}
.wrap-banner-welcome .welcome-banner .title {
	display: block;
	font-family: var(--bold);
	line-height: 1;
	margin-bottom: 25px;
}
.wrap-banner-welcome .welcome-banner p {
	margin-bottom: 0px;
	line-height: 1;
}
.wrap-banner-welcome .welcome-banner img {
	position: absolute;
	right: -55px;
	bottom: -10px;
	width: 106px;
	object-fit: contain;
}
.wrap-banner-welcome .box-register {
	display: flex;
	align-items: center;
	background: #5fad07;
	border-radius: 20px;
	padding: 20px;
	gap: 20px;
}
.wrap-banner-welcome .box-register .link {
	display: flex;
	align-items: center;
	color: #fff;
	gap: 10px;
	font-size: 14px;
}
.wrap-banner-welcome .box-register .social a img {
	width: 29px;
	height: 29px;
	object-fit: cover;
	border-radius: 99px;
}
.wrap-banner-welcome .box-register .social {
	display: flex;
	align-items: center;
	gap: 12px;
	justify-content: flex-end;
	flex-grow: 1;
}
.wrap-banner-welcome-no-login {
	border-radius: 20px;
	overflow: hidden;
}
.wrap-banner-welcome-no-login img {
	border-radius: 20px;
	width: 100%;
	object-fit: contain;
	transition: 0.6s;
}
.wrap-banner-welcome-no-login:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.ux-menu .ux-menu-link__link span {
	color: var(--theme-color);
}
.brand-menu-mega .box-category .box-text {
	display: none;
}
.brand-menu-mega .box-category .box-image img {
	width: 60px;
	height: 60px;
	object-fit: contain;
	mix-blend-mode: multiply;
}
.main-menu-custom {
	margin-top: 20px;
	margin-bottom: 0px;
	position: relative;
}
.main-menu-custom > li:not(.menu-item-has-block) {
	position: relative;
}
.main-menu-custom > li {
	list-style: none;
	padding-left: 0;
	margin-left: 0 !important;
	border: none !important;
	margin-bottom: 25px;
	/* position: relative; */
}
.main-menu-custom > li:last-child {
	margin-bottom: 0px;
}
.main-menu-custom > li > a {
	display: flex;
	width: 100%;
	align-items: center;
	color: var(--theme-color);
	transition: 0.3s;
}
.main-menu-custom > li > a:hover {
	color: var(--theme-color3);
}
.main-menu-custom > li > a img {
	width: 24px;
	height: 24px;
	object-fit: contain;
	margin-right: 20px;
}
.main-menu-custom > li > a i {
	margin-left: auto !important;
	transform: rotate(-90deg);
}
.main-menu-custom > li.has-dropdown:hover .sub-menu.nav-dropdown {
	opacity: 1;
	visibility: visible;
	left: 110%;
}
.main-menu-custom ul.sub-menu.nav-dropdown-default {
	opacity: 0;
	visibility: hidden;
	width: max-content;
	background-color: #fff;
	border-radius: 0px 20px 20px 0px;
	top: 0;
	z-index: 99;
	left: 115%;
	transition: 0.3s;
}
.main-menu-custom ul.sub-menu.nav-dropdown-default li {
	margin-left: 0;
}
.main-menu-custom ul.sub-menu.nav-dropdown-default li a {
	margin: 0;
	color: var(--theme-color);
}
.main-menu-custom a:hover,
.main-menu-custom .ux-menu-link__text:hover {
	color: var(--theme-color3) !important;
}
.main-menu-custom > li.has-dropdown > div.sub-menu {
	opacity: 0;
	visibility: hidden;
	top: -66px;
	left: 115%;
	display: block;
	width: max-content;

	max-width: 968px;
	transition: 0.3s;
}
.main-menu-custom > li.has-dropdown:hover div.sub-menu {
	opacity: 1;
	visibility: visible;
	left: 110%;
}
.main-menu-custom > li.has-dropdown > div.sub-menu section {
	border-radius: 20px;
	background-color: #fff;
}
.main-menu-custom > li.has-dropdown section h2,
.main-menu-custom > li.has-dropdown section h3 {
	font-size: 18px;
}

section.zindex-9 {
	z-index: 9;
}
.row-voucher-block {
	z-index: 8;
}

.icon-menu-cat.icon-box .icon-box-img img {
	padding-top: 0px;
}

/* end home page */

.normal-title {
	background-color: var(--bg-color-img);
	border: none;
	padding-top: 30px;
}
.page-wrapper .account-login-inner {
	background: #fff;
	padding: 20px;
	border-radius: 20px;
}
.page-wrapper .account-login-inner input {
	border-radius: 5px;
	box-shadow: none;
}
.page-wrapper .account-login-inner span.password-input {
	display: flex;
}
.page-wrapper .account-login-inner .show-password-input {
	margin-left: 0;
	margin-left: 20px;
}
.page-wrapper .account-login-inner .show-password-input {
	background-image: url(../images/eyes-1.svg);
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: center;
}
.page-wrapper .account-login-inner .show-password-input.display-password {
	background-image: url(../images/eyes.svg);
}
.page-wrapper .account-login-inner .woocommerce-button {
	border-radius: 6px;
}

#top-bar .account-item .reg-link {
	font-size: 14px;
	font-family: var(--semi);
}

.slider-nav-circle .flickity-prev-next-button svg {
	background-color: #fff;
	border: none;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	padding: 12px;
}

.header-language-dropdown,
.header-language-dropdown a {
	font-size: 14px !important;
}
.header-language-dropdown a .image-icon {
	display: flex;
	align-items: center;
}
.wrap-live-stream-index {
	width: 950px;
	height: 670px;
	border-radius: 20px;
	position: absolute;
	top: 0px;
	z-index: 9;
	right: -40%;
}
.wrap-live-stream-index .live-stream {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 20px;
	width: 100%;
	height: 100%;
	position: relative;
}

.wrap-live-stream-index .live-stream .main-live {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
img.qr-bottom {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
}

.wrap-live-stream-index .live-stream button.btn-cancel {
	position: absolute;
	right: -20px;
	top: 7px;
}

@keyframes up_cart_plus {
	0% {
		opacity: 0;
		visibility: hidden;
	}

	50% {
		opacity: 1;
		visibility: visible;
		margin-top: -20px;
	}

	100% {
		opacity: 0;
		visibility: hidden;
		margin-top: -20px;
	}
}

@media screen and (min-width: 1368px) {
	.row-voucher-block .large-4 {
		max-width: 31%;
		-ms-flex-preferred-size: 31%;
		flex-basis: 31%;
	}
	.row-voucher-block .large-8 {
		max-width: 69%;
		-ms-flex-preferred-size: 69%;
		flex-basis: 69%;
	}

	.row-main-banner .col.large-3 {
		max-width: 22%;
		-ms-flex-preferred-size: 22%;
		flex-basis: 22%;
	}
	.row-main-banner .col.large-6 {
		max-width: 56%;
		-ms-flex-preferred-size: 56%;
		flex-basis: 56%;
	}
	.row-live-stream .col.large-3 {
		max-width: 22%;
		-ms-flex-preferred-size: 22%;
		flex-basis: 22%;
	}
	.row-live-stream .col.large-9 {
		max-width: 78%;
		-ms-flex-preferred-size: 78%;
		flex-basis: 78%;
	}
	.main-menu-custom > li.has-dropdown > div.sub-menu {
		width: 968px;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.archive .category-filtering {
		position: fixed;
		right: 0;
		z-index: 99;
		top: 30%;
		background-color: var(--theme-color);
		color: var(--white);
		padding: 10px;
		border-radius: 6px 0 0 6px;
		font-size: 18px;
		display: flex;
	}
	.archive .category-filtering a {
		color: #fff;
		margin-top: 0;
	}

	.row-voucher-block {
		padding: 0px 10px;
	}
	.row-voucher-block .col-left .img-voucher-left {
		width: 120px !important;
		left: -3px;
		bottom: 0;
	}
	.box-voucher .box-text-coupon .title {
		font-size: 20px;
	}

	.row-list-page .featured-box .icon-box-text h3 {
		font-size: 16px;
	}
	.col-mega-livestream .mega-livestream {
		left: -25px;
	}

	.col-san-sale .flash-sale {
		left: -19px;
	}
	.tab-one-index .btn-read-all-icon {
		position: relative;
		margin: 30px auto 0px;
		display: block;
		width: max-content;
	}

	.mobile-nav.nav-right {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		gap: 30px;
	}
	.mobile-nav.nav-left .html.custom {
		display: block;
	}
	.mobile-nav.nav-right .nav-icon a {
		color: var(--theme-color);
	}
	.menu-left-mobile {
		display: flex;
		align-items: center;
		justify-content: space-evenly;
		gap: 30px;
	}
	.menu-left-mobile a img,
	.mobile-nav.nav-right .header-cart-icon .cart-img-icon {
		width: 30px;
		height: 30px;
		object-fit: contain;
		margin: 0 auto;
		display: block;
	}
	.menu-left-mobile a span,
	.mobile-nav.nav-right .header-cart-icon span.text {
		display: block;
		font-size: 11px;
		text-align: center;
		color: var(--theme-color);
		font-family: var(--bold);
	}

	.col-right-banner .col-inner {
		display: flex;
		align-items: stretch;
		justify-content: flex-start;
		gap: 20px;
	}
	.col-right-banner .col-inner > div {
		width: calc(50% - 10px) !important;
	}
	.col-right-banner .col-inner > .img {
		margin-bottom: 0px;
	}
	.col-right-banner .col-inner > .img .img-inner {
		height: 100%;
	}
	.col-right-banner .col-inner > .img .img-inner img {
		height: 100%;
		object-fit: cover;
	}
}

@media only screen and (max-width: 48em) {
	.pb-mb-0 {
		padding-bottom: 0px !important;
	}

	.box-voucher .box-text-coupon .button,
	.box-voucher .box-text-coupon button {
		align-self: flex-end;
		margin-top: 5px;
	}

	.list-counpon-code-acc .box-voucher {
		width: calc(100% - 8px);
	}
	.post-item .post-title {
		font-size: 16px;
	}
	.wrap-posts-product-cat .title a {
		font-size: 14px;
	}
	.slide-banner-product-cat .slick-dots {
		bottom: 10px;
	}
	.slide-banner-product-cat .slick-dots button {
		width: 10px;
		height: 10px;
	}
	.slide-banner-product-cat .slick-dots .slick-active,
	.slide-banner-product-cat .slick-dots .slick-active button {
		width: 25px;
	}

	.row-voucher-block .col-left .img-voucher-left {
		position: absolute;
		z-index: 9;
		width: 110px !important;
		left: -10px;
		bottom: -12px;
	}
	.row-voucher-block .col-left > .col-inner {
		border-radius: 20px 20px 0px 0px;
	}
	.row-voucher-block .col-right > .col-inner {
		border-radius: 0px 0px 20px 20px;
	}

	.row-voucher-block .custom-arrow-slick .slick-nav.next-arrow {
		right: -30px;
	}

	.archive .category-filtering {
		position: fixed;
		right: 0;
		z-index: 99;
		top: 30%;
		background-color: var(--theme-color);
		color: var(--white);
		padding: 10px;
		border-radius: 6px 0 0 6px;
		font-size: 18px;
		display: flex;
	}
	.archive .category-filtering a {
		color: #fff;
		margin-top: 0;
	}
	.archive .category-filtering strong {
		display: none;
	}
	.sortbycate {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		position: relative;
		margin-bottom: 40px;
		min-width: 170px;
	}
	.sortbycate .order-list {
		flex-direction: column;
		align-items: flex-start;
		position: absolute;
		top: 100%;
		z-index: 9;
		background: #fff;
		padding: 20px 15px 20px;
		border-radius: 10px;
		min-width: 250px;
		opacity: 0;
		visibility: hidden;
		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
		right: 0%;
		gap: 10px;
	}
	.sortbycate.active .order-list {
		opacity: 1;
		visibility: visible;
	}
	.titlesort.show-for-small {
		display: flex;
		align-items: center;
		justify-content: center;
		width: max-content;
		gap: 10px;
		border: 1px solid #ccc;
		padding: 5px 20px;
		border-radius: 10px;
	}
	.filter-order-product-cat .order-list li {
		width: 100%;
	}
	.filter-order-product-cat .order-list li a {
		width: 100%;
	}

	.product-small .woocommerce-Price-amount {
		font-size: 18px;
	}
	.product-small .product-title a {
		font-size: 16px;
	}
	.product-small .percent-discout {
		font-size: 14px;
	}
	.btn-group-bottom-loop {
		flex-wrap: wrap;
	}
	.btn-group-bottom-loop .buy-now-button {
		width: 100%;
		margin-top: 5px;
	}

	.product-gallery
		.woocommerce-product-gallery__wrapper
		.woocommerce-product-gallery__image
		img {
		height: 350px;
	}
	.product-main-single {
		padding: 14px !important;
	}
	.product-info .brand-head {
		margin-top: 20px;
	}
	.product-info .btn-single-wrap {
		flex-direction: column;
	}
	.product-info .btn-single-wrap .single_add_to_cart_button {
		width: 100%;
		margin-right: 0px;
	}
	.product-info .btn-single-wrap .quick_buy_button {
		width: 100%;
	}

	.row-voucher-block .custom-arrow-slick .slick-nav.prev-arrow {
		left: -30px;
	}
	.list-buy-together-product.custom-arrow-slick .slick-nav.prev-arrow {
		left: -14px;
	}
	/* .list-buy-together-product .btn-group-bottom-loop .buy-now-button,
	.list-product-recentview .btn-group-bottom-loop .buy-now-button {
		width: auto;
	} */

	.product-footer .woocommerce-tabs {
		padding: 14px;
	}
	.woocommerce-tabs .tabs li a {
		font-size: 16px;
	}
	.woocommerce-tabs .tabs {
		flex-wrap: unset;
		display: -webkit-box;
		overflow: hidden;
		overflow-x: scroll;
		white-space: nowrap;
	}
	.woocommerce-tabs .tabs li {
		width: 65%;
	}
	.woocommerce-tabs .tabs li a {
		white-space: initial;
		width: auto;
	}
	.form-faqs {
		flex-direction: column;
		gap: 4px;
	}
	.form-faqs > span,
	.form-faqs .wpcf7-submit {
		width: 100%;
	}
	.list-product-recentview .custom-arrow-slick .slick-nav.prev-arrow {
		left: -16px;
	}
	.related-products-wrapper .flickity-prev-next-button {
		opacity: 1;
		width: 40px !important;
	}
	.related-products-wrapper .flickity-prev-next-button svg {
		width: 36px;
		height: 36px;
		max-width: unset;
		padding: 13px !important;
		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
		border-radius: 99%;
		opacity: 1;
		background: #fff;
	}
	.related-products-wrapper .flickity-prev-next-button svg:hover {
		background-color: var(--theme-color);
	}
	.related-products-wrapper .flickity-prev-next-button svg:hover path,
	.related-products-wrapper .flickity-prev-next-button svg:focus path {
		fill: #fff !important;
	}
	.related-products-wrapper {
		padding: 14px;
	}

	.footer-wrapper {
		padding-bottom: 100px;
	}

	.header-main .medium-logo-center {
		padding-left: 5px;
		padding-right: 5px;
	}

	header#header,
	.header-wrapper.stuck {
		position: fixed !important;
		bottom: 0px;
		left: 0;
		right: 0;
		top: auto;
	}

	header .stuck .header-main {
		height: 70px !important;
	}
	#logo {
		width: 125px !important;
		position: relative;
		top: -20px;
		margin: 0px;
	}
	#logo a {
		font-size: 24px;
	}

	.mobile-nav.nav-right {
		display: flex;
		align-items: center;
		justify-content: space-evenly;
	}
	.mobile-nav.nav-left .html.custom {
		display: block;
	}
	.mobile-nav.nav-right .nav-icon a {
		color: var(--theme-color);
	}
	.menu-left-mobile {
		display: flex;
		align-items: center;
		justify-content: space-evenly;
		gap: 10px;
	}
	.menu-left-mobile a img,
	.mobile-nav.nav-right .header-cart-icon .cart-img-icon {
		width: 30px;
		height: 30px;
		object-fit: contain;
		margin: 0 auto;
		display: block;
	}
	.menu-left-mobile a span,
	.mobile-nav.nav-right .header-cart-icon span.text {
		display: block;
		font-size: 11px;
		text-align: center;
		color: var(--theme-color);
		font-family: var(--bold);
	}
	#logo a span {
		font-size: 16px;
		text-align: center;
		color: var(--theme-color);
		font-family: var(--bold);
		text-transform: initial;
	}

	.slider-banner-home .flickity-page-dots {
		right: 20%;
	}
	.home .row-voucher-block {
		padding: 0px 10px;
	}
	.row-list-page .flickity-prev-next-button.previous {
		left: 0px;
	}
	.row-list-page .flickity-prev-next-button.next {
		right: 0px;
	}
	.col-mega-livestream .mega-livestream {
		left: -20px;
	}

	.col-san-sale .btn-read-all-icon {
		position: relative;
		margin: 0 auto 30px;
		display: block;
		width: max-content;
	}
	.col-san-sale .flash-sale {
		left: -18px;
	}
	.row-slider .flickity-prev-next-button {
		width: 36px !important;
		opacity: 1 !important;
	}
	.row-slider .flickity-prev-next-button.next {
		right: -35px;
	}
	.row-slider .flickity-prev-next-button.previous {
		left: -35px;
	}
	.row-slider .flickity-prev-next-button svg {
		width: 36px;
		height: 36px;
		max-width: unset;
		padding: 13px !important;
		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
		border-radius: 99%;
		opacity: 1;
		background: #fff;
	}
	.product-small .box-image .image-tools-left img,
	.product-small .box-image .image-tools-right img,
	.product-gallery .image-tools-left img {
		width: 45px;
		height: 45px;
	}
	.product-small .box-image .image-tools-left {
		left: 0px;
		top: 0px;
	}
	.product-small .box-image .image-tools-right {
		top: 0px;
		right: 0px;
	}
	.tab-product-attr-index ul.nav li {
		margin: 0 20px;
	}
	.tab-one-index .btn-read-all-icon {
		position: relative;
		width: max-content;
		display: block;
		margin: 30px auto 0px;
	}

	.tab-product-attr-index.tab-one-index ul.nav-line-bottom,
	.tab-product-attr-index.tab-two-index ul.nav-line-bottom,
	.tab-product-attr-index.tab-three-index ul.nav-line-bottom {
		flex-wrap: unset;
		display: -webkit-box;
		overflow: hidden;
		overflow-x: scroll;
		white-space: nowrap;
	}
	.tab-product-attr-index.tab-one-index ul.nav-line-bottom li,
	.tab-product-attr-index.tab-two-index ul.nav-line-bottom li,
	.tab-product-attr-index.tab-three-index ul.nav-line-bottom li {
		width: 59%;
	}
	.tab-product-attr-index.tab-one-index ul.nav-line-bottom li a,
	.tab-product-attr-index.tab-two-index ul.nav-line-bottom li a,
	.tab-product-attr-index.tab-three-index ul.nav-line-bottom li a {
		white-space: initial;
		width: auto;
	}
	.blog-index-right .box-vertical {
		display: flex;
		align-items: center;
	}
	.blog-index-right .box-vertical .box-image {
		width: 35% !important;
	}
	.blog-index-right .box-vertical .box-text {
		width: 75%;
		padding-left: 15px;
		padding-bottom: 10px;
	}
	.blog-index-right .box-vertical .box-text .from_the_blog_excerpt {
		display: none;
	}

	.col-right-blog-index > .col-inner {
		display: flex;
		flex-direction: column-reverse;
	}
	.row-blog-categories {
		padding-left: 10px;
		padding-right: 10px;
	}
	.row-blog-categories > .col {
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 10px;
	}
	.brand-index-tab .box-image {
		width: 100px;
		height: 100px;
	}
	.brand-index-tab .box-image img {
		width: 80px;
		height: 80px;
	}

	.product-thumbnails.row-slider .flickity-prev-next-button.previous {
		left: -15px;
		top: 15px;
	}
	.product-thumbnails.row-slider .flickity-prev-next-button.next {
		right: -15px;
		top: 15px;
	}
	.mobile-nav .header-cart-link .header-cart-icon::after {
		background-color: var(--theme-color3);
	}
	.mobile-sidebar .account-login {
		background-image: unset !important;
	}
	.off-canvas-right .mfp-content,
	.off-canvas-left .mfp-content {
		width: 315px;
	}
	.sidebar-menu.has-logged .register-menu-mobile {
		display: none;
	}

	.large-columns-4 .product-small .box-image .image-zoom img,
	.large-columns-5 .product-small .box-image .image-zoom img {
		height: 150px;
	}
}
