:root{
	--radius-small: 0.313rem;
	--radius-normal: 0.625rem;
	--gradiant-1: linear-gradient(124.07deg, #FFC000 25.46%, #FECF11 68.11%, #FBED35 119.3%);
	--color-1: #110d20;
	--color-2: #fff;
}
@font-face {
	font-family: 'Inter 18pt';
	src: url('/wp-content/themes/flatsome-child/fonts/Inter18pt-Bold.woff2') format('woff2'),
		url('/wp-content/themes/flatsome-child/fonts/Inter18pt-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Inter 18pt';
	src: url('/wp-content/themes/flatsome-child/fonts/Inter18pt-Medium.woff2') format('woff2'),
		url('/wp-content/themes/flatsome-child/fonts/Inter18pt-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Inter 18pt';
	src: url('/wp-content/themes/flatsome-child/fonts/Inter18pt-SemiBold.woff2') format('woff2'),
		url('/wp-content/themes/flatsome-child/fonts/Inter18pt-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Inter 18pt';
	src: url('/wp-content/themes/flatsome-child/fonts/Inter18pt-Regular.woff2') format('woff2'),
		url('/wp-content/themes/flatsome-child/fonts/Inter18pt-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
h1, h2, h3, h4, h5, h6, a, p, span, strong, button, input, ul,li,div,label{
	font-family: 'Inter 18pt';
}


/* =====================================*/
.category-filtering.category-filter-row.show-for-medium, h3.product-section-title.container-width.product-section-title-related.pt-half.pb-half.uppercase, .ux-quantity{
	display: none;
}
.breadcrumbs{
	font-weight: 400;
}
.page-title-inner {
	min-height: 56px;
	padding-top: 1.15rem;
	padding-bottom: 1.15rem;
}
.shop-container{
	background-color: #f3f4f6;
}
.searchProduct, .searchProduct h2{
	margin-bottom: 1rem;
}
.button, button{
	box-shadow: none !important;
}
.share-ha{
	margin-top: 1.875rem;
	padding: 0;
}
.share-ha .social-icons{
	display: flex;
	gap: .5rem;
}
.share-ha .social-icons.follow-icons img {
	height: 2.5rem;
	width: 2.5rem;
	object-fit: cover;
}
/* trang shop */
.shop-page-title.category-page-title{
	background-color: rgb(238 239 241);
}
.shop-page-title .woocommerce-breadcrumb.breadcrumbs{
	text-align: left;
}
#productSearch{
	position: relative;
}
.bg-shop .group-search{
	background: linear-gradient(124.07deg, #FBED35 25.46%, #FECF11 68.11%, #FFC000 119.3%);
	padding: 1.875rem 1.875rem 0.938rem;
	border-radius: var(--radius-normal);
	margin-bottom: 2.188rem;
}
.bg-shop .product-categories{
	display: flex;
	gap: 1rem;
	row-gap: 0;
	flex-wrap: wrap;
	margin-bottom: 0;
}

#productSearch input{
	min-height: 50px;
	height: auto;
	line-height: 50px;
	border-width: 0px !important;
	border-color: #e2e2e2 !important;
	border-radius: var(--radius-normal);
	box-shadow: none !important;
	background: #f4f4f4;
	padding: 0 40px;
	margin-bottom: 0;
}
#productSearch .fa-magnifying-glass{
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translatey(-50%);
	color: var(--black);
	font-size: .9rem;
	font-weight: 600;
}
.bg-shop #product-list .products{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: auto;
	grid-column-gap: 25px;
	grid-row-gap: 25px;
}
.bg-shop #product-list{
	padding: 0 1rem;
}
.bg-shop #product-list .products .product-small{
	max-width: 100%;
	padding: 0;
}
.bg-shop #product-list .products .product-small img, .related-products-wrapper .product-small .col-inner img{
	border-radius: var(--radius-small);
}
.bg-shop #product-list .products .product-small .box-image, .related-products-wrapper .product-small .box-image{
	border-top-right-radius: var(--radius-small);
	border-top-left-radius: var(--radius-small);
}
.bg-shop #product-list .products .product-small .box-text, .related-products-wrapper .product-small .box-text{
	padding: 1rem 0;
	display: grid;
	gap: .313rem;
}
.bg-shop .product-categories li{
	list-style: none;
	border-radius: var(--radius-small);
	padding: 0.2rem 0.5rem;
	margin-bottom: 0;
}
.bg-shop .product-categories li:hover{
	background: rgb(0 0 0 / 10%);
}
.bg-shop .product-categories li a{
	color: #222;
}
.bg-shop #product-list .products .product-small .product-title a, .related-products-wrapper .product-small .product-title a{
	color: var(--black);
	font-size: 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	font-weight: 500;
}
#product-list .price span.amount, .related-products-wrapper .product-small .price span.amount{
	color: #d6512d;
}
#product-list .price del span.amount, .related-products-wrapper .product-small .price del span.amount{
	color: #111;
	opacity: .6;
}
.woocommerce-load-more #load-more{
	border-radius: 50px;
	border: 2px solid var(--primary-color);
	width: 220px;
	height: 50px;
}
.woocommerce-load-more #load-more:hover{
	background-color: rgb(255 192 0 / 10%);
}
#product-list .badge-container, .related-products-wrapper .product-small .badge-container{
	margin-top: 0;
	font-size: 0.875rem;
}
.callout.badge{
	height: auto;
	width: auto;
}
#product-list .callout.badge .badge-inner.on-sale, .related-products-wrapper .product-small .callout.badge .badge-inner.on-sale{
	background-color: #e90000;
	color: #fff;
	border-top-left-radius: var(--radius-small);
	border-bottom-right-radius: var(--radius-small);
	padding: .313rem .5rem;
}


.product-small .add-to-cart-button {
	position: absolute;
	right: 0;
	top: calc(0% - 50px);
	height: 32px;
	min-width: 32px;
	border-radius: 16px;
	z-index: 2;
	box-sizing: border-box;
	transition: opacity 0.2s linear;
}

.product-small .add-to-cart-button a {
	position: relative;
	display: block;
	float: right;
	height: 32px;
	animation-name
	box-sizing: border-box;
	transition: all 0.3s ease;
	padding: 0 32px 0 0;
	border-radius: 16px;
	text-transform: none;
	white-space: nowrap;
	color: #000;
	line-height: 0;
	text-align: left;
	overflow: hidden;
	box-shadow: none;
}
.product-small .add-to-cart-button a.ajax_add_to_cart.is-flat{
	max-width: 22px;
}
.product-small .add-to-cart-button a i {
	position: absolute;
	top: 10px;
	right: 2px;
	width: 32px;
	height: 32px;
	content: "";
	text-align: center;
}
.product-small .add-to-cart-button a span {
	display: inline-block;
	visibility: hidden;
	vertical-align: middle;
	line-height: 32px;
	margin-left: 14px;
	opacity: 0;
	transition: opacity 0.25s ease;
}
.product-small .add-to-cart-button:hover a.ajax_add_to_cart.is-flat{
	width: auto;
	max-width: 100%;
}
.product-small .add-to-cart-button:hover a span, .product-small .add-to-cart-button a.wc-forward span{
	opacity: 1;
	visibility: visible;
	transition-delay: 100ms;
}
.add-to-cart-button a.wc-forward:after{
	content: '' !important;
}
.product-small.box .nbw_single_price {
	display: flex;
	padding: .3rem 0 0;
	align-items: center;
	margin: 0;
	width: auto;
	background: transparent;
}
.product-small.box .nbw_price-sale bdi {
	font-size: 1rem;
	color: #d6512d;
}
.product-small.box .nbw_single_price span.label-km{
	margin-right: 0;
	font-size: 0.75rem;
	padding: .2rem;
	font-weight: 500;
	margin-left: 0;
}
.product-small.box .box-text .price{
	padding-top: .5rem;
	font-size: 1rem;
}
.product-small.box .nbw_single_price .nbw_price:first-child{
	order: 1;
}
.product-small.box .nbw_single_price .on-sale{
	order: 2;
}
.product-small.box .nbw_single_price .nbw_price:nth-child(2){
	order: 3;
}
/*============next pev=================*/
.slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button{
	transform: translateY(-50%) !important;
}
.flickity-button.flickity-prev-next-button{
	height: 45px !important;
	opacity: 1 !important;
	width: 45px !important;
	border-radius: 99px;
	top: 50% !important;
	transform: translateY(-50%) !important;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .3) !important;
}
.flickity-button-icon{
	margin: 0 !important;
	padding: .875rem !important;
}
.woocommerce-product-gallery__wrapper.product-gallery-slider .flickity-button{
	display: none;
}
.flickity-button.flickity-prev-next-button{
	background-color: var(--wp--preset--color--white) !important;

}
.product-thumbnails button.flickity-button.flickity-prev-next-button.next{
	right: -2%;
}
.product-thumbnails button.flickity-button.flickity-prev-next-button.previous{
	left: -2%
}
/*=================Chi tiết sản phẩm====================*/
.description-text .content {
	position: relative;
	overflow: hidden;
	max-height: 500px;
	transition: max-height 0.5s ease-out;
}
.btn--view-more{
	display: flex;
	height: 3.875rem;
	position: relative;
	margin-top: -3rem;
	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.196516106442577) 100%);
	justify-content: center;
	align-items: flex-end;
}
.btn-xemthem-mota {
	display: none;
}
.shop-container .woocommerce-tabs .product-tabs li.active>a{
	background: rgb(255 192 0 / 10%);
	padding: .5rem 1rem;
	border-radius: var(--radius-small);
	font-weight: 500;
	font-size: 1rem;
	border: 1px solid var(--primary-color);
	width: fit-content;
}
.shop-container .woocommerce-tabs .product-tabs li>a:before{
	width: 0;
}
.shop-container .product-info{
	padding-top: 0;
	padding-bottom: 0;
}
.shop-container .product-info .col-inner, .shop-container .product-gallery .col-inner{
	padding: 1.5rem;
	background-color: var(--wp--preset--color--white);
	border-radius: var(--radius-normal);
}

.nbw_single_price{
	display: flex;
	gap: 1rem;
	margin-bottom: 1.5rem;
	background: linear-gradient(124.07deg, #FBED35 25.46%, #FECF11 68.11%, #FFC000 119.3%);
	width: fit-content;
	padding: .3rem 1.25rem;
	border-radius: var(--radius-small);
	align-items: center;
}
.nbw_single_price span.label-km {
	background: linear-gradient(97deg, #102841, #1359a1);
	font-weight: 700;
	color: #fff;
	border-radius: var(--radius-small);
	font-size: 0.875rem;
	padding: .2rem;
	margin-left: 1rem;
}
.nbw_price-sale bdi{
	font-size: 1.875rem;
	color: #ff0000;
}
.product-info .price .woocommerce-Price-amount.amount bdi{
	font-size: 1.875rem;
	color: #ff0000;
}
.product-info .price {
	margin-bottom: 1.5rem;
}
.shop-container .product-info.product-summary .add-to-cart-button{
	margin-bottom: 1.5rem;
}
.shop-container .product-info.product-summary .add-to-cart-button a{
	background-color: transparent;
	color: var(--black);
	font-size: 1.2rem;
	border: 2px solid var(--primary-color);
	border-radius: var(--radius-small);
	padding: 0 1.2em;
	text-transform: none;
}
.shop-container .product-info.product-summary .add-to-cart-button a:hover{
	background-color: rgb(255 192 0 / 10%) !important;
}
.specifications table{
	border-top: 1px solid #ececec;
	border-right: 1px solid #ececec;
	border-left: 1px solid #ececec;
	border-radius: var(--radius-small);
}
.specifications table th{
	text-transform: capitalize;
	font-weight: 500 !important;
	padding: 1rem;
	border-right: 1px solid #ececec;
}
.specifications table td, .specifications table th{
	font-size: 1rem;
}

.shop-container .related-top{
	display: flex;
	background-color: var(--wp--preset--color--white);
	border-radius: var(--radius-small);
	align-items: center;
	padding: 1.5rem;
	margin-bottom: 1.5rem;
}
.shop-container .related-top h3{
	flex: 1;
	padding: 0;
	margin: 0;
}
.shop-container .related-top a{
	flex: 1;
	text-align: right;
}
.sanpham-quatang{
	display: flex;
	gap: .5rem;
	align-items: center;
	margin-bottom: 1.5rem;
	border: 1px solid #ccc;
	padding: 1rem;
	width: fit-content;
	border-radius: var(--radius-small);
}
.sanpham-quatang .cot1 img{
	width: 70px;
}
.content-single-product{
	max-width: 1280px !important;
}
.product-info.product-summary .col-inner{
	display: flex;
	flex-wrap: wrap;
}
.button.buy-now{
	margin-bottom: 1.5rem;
	padding: 0 2rem;
	border-radius: var(--radius-small);
	font-size: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
/*======================REPONSIVE=========================*/

@media (max-width: 575px){
	.bg-shop #product-list {
		padding: 0 .6rem;
	}
	.bg-shop #product-list .products {
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 10px;
		grid-row-gap: 10px;
	}
	.product-small.box .nbw_single_price{
		gap: 0;
		justify-content: space-between;
	}
	.product-small.box .nbw_price-sale bdi, .product-small.box .nbw_price-regular, .product-small.box .box-text .price{
		font-size: 0.813rem;
	}
	.product-small.box .nbw_single_price span.label-km{
		font-size: 0.688rem;
		padding: 0 .2rem;
	}
	.bg-shop .group-search {
		padding: 1rem 1rem 0.938rem;
	}
	.shop-container .related-top{
		padding: 1.5rem .5rem;
	}
	.shop-container .product-info.product-summary .add-to-cart-button, .button.buy-now{
		flex: 0 0 100%;
	}
	.button.buy-now{
		height: 50px;
	}
	.shop-container .product-info.product-summary .add-to-cart-button a{
		width: 100%;
	}
	.sanpham-quatang{
		align-items: flex-start;
		padding: .5rem;
	}
	.nbw_single_price{
		width: 100%;
		gap: .5rem;
		padding: 0rem .5rem;
	}
	.shop-container .product-info .col-inner, .shop-container .product-gallery .col-inner{
		padding: 1.5rem 1rem;
	}
	.row-slider .flickity-prev-next-button svg{
		    padding: .875rem !important;
	}

	.clients-list.row.effect .col:nth-child(1){
		order: 1;
	}
	.clients-list.row.effect .col:nth-child(2){
		order: 2;
	}
	.clients-list.row.effect .col:nth-child(3){
		order: 4;
	}
	.clients-list.row.effect .col:nth-child(4){
		order: 3;
	}
	.clients-list.row.effect .col:nth-child(5){
		order: 6;
	}
	.clients-list.row.effect .col:nth-child(6){
		order: 5;
	}
	.clients-list.row.effect .col:nth-child(7){
		order: 7;
	}
	.clients-list.row.effect .col:nth-child(8){
		order: 8;
	}
}
@media (min-width: 576px) { 
	.bg-shop #product-list .products {
		grid-template-columns: repeat(2, 1fr);
	}
}


@media (min-width: 768px) {  
	.bg-shop #product-list .products {
		grid-template-columns: repeat(3, 1fr);
	}
}


@media screen and (max-width: 849px) {  
	.content-single-product .product-gallery{
		padding-bottom: 1.875rem !important;
	}
}


@media (min-width: 1200px) {  
	.bg-shop #product-list .products {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (min-width: 1600px) {
	.bg-shop #product-list .products {
		grid-template-columns: repeat(5, 1fr);
	}
}
/*===============ANIMATION==============================*/
.animation {
	will-change: transform;
}

@media screen and (min-width: 768px) {
	.fade-left-desktop,
	.fade-right-desktop {
		opacity: 0;
		transition: 1500ms all ease-in-out;
	}
	.fade-left-desktop {
		transform: translateX(50px);
	}
	.fade-right-desktop {
		transform: translateX(-50px);
	}
	.fade-left-desktop.animate,
	.fade-right-desktop.animate {
		opacity: 1;
		transform: translateX(0);
	}
	.fade-down-desktop,
	.fade-up-desktop {
		opacity: 0;
		transition: 1500ms all ease-in-out;
		transform: translateY(50px);
	}
	.fade-up-desktop {
		transform: translateY(50px);
	}
	.fade-down-desktop {
		transform: translateY(-50px);
	}
	.fade-down-desktop.animate,
	.fade-up-desktop.animate {
		opacity: 1;
		transform: translateY(0);
	}
	.grow-left-desktop,
	.grow-right-desktop {
		transform: scaleX(0);
		transform-origin: left;
		transition: 1200ms all ease-in-out;
	}
	.grow-left-desktop {
		transform-origin: right;
	}
	.grow-right-desktop {
		transform-origin: left;
	}
	.grow-left-desktop.animate,
	.grow-right-desktop.animate {
		transform: scaleX(1);
	}
	.grow-down-desktop,
	.grow-up-desktop {
		transform: scaleY(0);
		transition: 1200ms all ease-in-out;
	}
	.grow-up-desktop {
		transform-origin: bottom;
	}
	.grow-down-desktop {
		transform-origin: top;
	}
	.grow-down-desktop.animate,
	.grow-up-desktop.animate {
		transform: scaleY(1);
	}
	.stagger-desktop-1 {
		transition-delay: 300ms;
	}
	.stagger-desktop-2 {
		transition-delay: 600ms;
	}
	.stagger-desktop-3 {
		transition-delay: 900ms;
	}
	.stagger-desktop-4 {
		transition-delay: 1200ms;
	}
}
@media screen and (max-width: 767px) {
	.fade-down-mobile,
	.fade-up-mobile {
		opacity: 0;
		transition: 1500ms all ease-in-out;
	}
	.fade-up-mobile {
		transform: translateY(50px);
	}
	.fade-down-mobile {
		transform: translateY(-50px);
	}
	.fade-down-mobile.animate,
	.fade-up-mobile.animate {
		opacity: 1;
		transform: translateY(0);
	}
	.grow-left-mobile,
	.grow-right-mobile {
		transform: scaleX(0);
		transition: 1200ms all ease-in-out;
	}
	.grow-left-mobile {
		transform-origin: right;
	}
	.grow-right-mobile {
		transform-origin: left;
	}
	.grow-left-mobile.animate,
	.grow-right-mobile.animate {
		transform: scaleX(1);
	}
	.grow-down-mobile,
	.grow-up-mobile {
		transform: scaleY(0);
		transform-origin: top;
		transition: 1200ms all ease-in-out;
	}
	.grow-up-mobile {
		transform-origin: bottom;
	}
	.grow-down-mobile {
		transform-origin: top;
	}
	.grow-down-mobile.animate,
	.grow-up-mobile.animate {
		transform: scaleY(1);
	}
	.fade-mobile {
		opacity: 0;
		transition: 1000ms all ease-in-out;
	}
	.fade-mobile.animate {
		opacity: 1;
	}
}