:root {
	--theme-color: #008641 !important;
	--theme-color2: #ff9706 !important;
	--theme-color3: #ec1c24 !important;
	--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;

	--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-BoldItalic.woff2") format("woff2"),
		url("../fonts/Montserrat-BoldItalic.ttf") format("truetype");
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@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-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-semi";
	src: url("../fonts/Montserrat-SemiBoldItalic.woff2") format("woff2"),
		url("../fonts/Montserrat-SemiBoldItalic.ttf") format("truetype");
	font-weight: 600;
	font-style: italic;
	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-MediumItalic.woff2") format("woff2"),
		url("../fonts/Montserrat-MediumItalic.ttf") format("truetype");
	font-weight: 500;
	font-style: italic;
	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";
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
	font-weight: normal !important;
	font-family: var(--bold);
}

p {
	margin-bottom: 0.8em;
}

p,
a,
ul,
li,
div {
	font-family: var(--regular);
	font-weight: normal !important;
}

.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);
}

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;
}

/* end config */
.mt-40 {
	margin-top: 40px;
}

.mt-80 {
	margin-top: 80px;
}

.mb-80 {
	margin-bottom: 80px;
}

.mb-40 {
	margin-bottom: 40px;
}

.color-primary * {
	color: var(--theme-color);
}

.p-mb-0 p {
	margin-bottom: 0;
}

.p-mb-12 p {
	margin-bottom: 12px;
}

.p-mb-12 p:last-child {
	margin-bottom: 0;
}

.p-mb-5 p {
	margin-bottom: 5px;
}

.p-mb-5 p:last-child {
	margin-bottom: 0;
}

.top-bar-contact {
	font-size: 1rem;
	display: flex;
	align-items: center;
	gap: 1.5rem;
}

.top-bar-contact > div {
	display: flex;
	align-items: center;
	gap: 0.625rem;
}

.top-bar-contact a {
	color: #fff;
}

.top-bar-contact a:hover {
	color: var(--theme-color2);
}

.header-main {
	z-index: 20 !important;
}

.header-main #logo img.header-logo {
	position: absolute;
	top: -25px;
	height: 70px;
	max-height: unset !important;
	width: auto;
	padding: 0 !important;
}

.header-main .header-nav-main {
	display: flex;
	justify-content: center;
}

.header-main .header-nav-main li a {
	font-size: 1rem;
	font-family: var(--semi);
	text-transform: uppercase;
}

.header-main
	.header-nav-main
	li.menu-item-has-children
	.sub-menu
	> li
	> a:hover {
	background: rgb(249, 124, 0);
	background: linear-gradient(
		90deg,
		rgba(249, 124, 0, 1) 0%,
		rgba(255, 185, 88, 1) 100%
	);
}

.header-nav-main.nav-spacing-xlarge > li {
	margin: 0px 30px;
}

.header-main .header-nav-main .mega-menu-section .nav-vertical li a {
	text-transform: inherit;
}

.header-main .header-nav-main .nav-dropdown > li > a {
	color: #000;
}

.header-main .header-nav-main .nav-dropdown > li {
	margin-bottom: 5px;
}

.header-main .header-nav-main .nav-dropdown > li.active.current_page_item a {
	background: rgb(249, 124, 0);
	background: linear-gradient(
		90deg,
		rgba(249, 124, 0, 1) 0%,
		rgba(255, 185, 88, 1) 100%
	);
	color: #fff;
}

.header-top {
	position: relative;
}

.header-top:before {
	content: "";
	position: absolute;
	background: #008641;
	width: 200%;
	height: 100%;
	border-bottom-left-radius: 70px;
	left: 41%;
}

.header-nav-main.nav-right li {
	margin: 0px 11px;
}

li.header-search .header-button a {
	width: 36px;
	height: 36px;
	min-width: unset;
	min-height: unset;
	background-color: #f5f5f5;
	color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
}

li.header-search .header-button a i {
	font-size: 14px;
	top: 0;
}

li.cart-item .header-button a {
	width: 36px;
	height: 36px;
	min-width: unset;
	min-height: unset;
	background-color: #f5f5f5;
	border: none;
	color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
}

[data-icon-label]:after {
	background-color: var(--theme-color3) !important;
}

.header.has-sticky .stuck .header-main #logo img.header-logo {
	top: 7px;
	height: 55px;
}

.top-bar-nav .html_topbar_right {
	display: flex;
	align-items: center;
	gap: 3.3rem;
}

.top-bar-nav .html_topbar_right .gtranslate_wrapper {
	display: flex;
	flex-direction: row-reverse;
}

.top-bar-nav .html_topbar_right .gtranslate_wrapper .glink:nth-child(2) {
	margin-right: 10px;
	padding-right: 9px;
	border-right: 1px solid #fff;
}

.pdl-20 > .col-inner {
	padding-left: 20px;
}

.footer-wrapper .absolute-footer {
	background-color: var(--theme-color);
	padding: 10px 0px;
}

.footer-wrapper .absolute-footer .copyright-footer {
	display: block;
	text-align: center;
	color: #fff;
}

#footer .p-mb-12 i {
	color: var(--theme-color);
	margin-right: 10px;
}

.logo-pd-0 .ux-logo-link {
	padding-left: 0 !important;
}

.title-footer p {
	font-size: 1.25rem;
	font-family: var(--bold);
	text-transform: uppercase;
	color: var(--theme-color);
	margin-bottom: 20px;
}

.menu-footer .menu-item .ux-menu-link__link {
	display: block;
	line-height: 1;
	min-height: unset;
	margin-bottom: 10px;
}

.form-footer {
	padding: 20px;
	border-radius: 10px;
	border: 1px solid #00864130;
	background: #effff7;
}

.form-footer input {
	height: 25px !important;
	background-color: transparent !important;
	padding-left: 0 !important;
	min-height: unset !important;
	line-height: unset;
	box-shadow: none !important;
	border: none !important;
	border-bottom: 1px solid #00864130 !important;
	font-size: 14px !important;
	margin-bottom: 25px;
}

.form-footer textarea {
	min-height: unset;
	background-color: transparent !important;
	padding-left: 0 !important;
	min-height: unset !important;
	line-height: unset;
	box-shadow: none !important;
	border: none !important;
	border-bottom: 1px solid #00864130 !important;
	font-size: 0.875rem !important;
}

.form-footer .wpcf7-submit {
	margin: 0;
	text-transform: uppercase;
	font-size: 1rem;
	background: rgb(249, 124, 0);
	background: linear-gradient(
		90deg,
		rgba(249, 124, 0, 1) 0%,
		rgba(255, 185, 88, 1) 100%
	);
	border-radius: 16px 0px 16px 0px;
	border: none !important;
	height: 30px !important;
	width: 150px;
	margin: 10px auto 0px;
	display: block;
	text-align: center;
	padding: 0;
}

.form-footer .wpcf7-spinner {
	display: none;
}

.form-footer .wpcf7-not-valid-tip {
	left: 0 !important;
	bottom: 5px !important;
}

.signature-text p {
	font-size: 2.5rem;
	color: var(--theme-color);
	font-family: "Great Vibes";
	line-height: normal;
}

.box-signature {
	margin-top: 28px;
}

.box-signature .icon-box-text {
	padding-left: 1.5rem !important;
}

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

.sub-title p {
	font-size: 1.25rem;
	text-transform: uppercase;
	color: var(--theme-color2);
	font-family: var(--semi);
}

.title-section h2,
.title-section h1,
h1.title-section,
h2.title-section {
	font-size: 2.25rem;
	font-family: var(--bold);
	letter-spacing: 0;
}

.wrap-breadcrumb {
	background-color: #e5f3ec;
	padding: 9px 0px;
}

.wrap-breadcrumb p {
	margin-bottom: 0;
}

.sec-banner-gioithieu {
	background: rgb(248, 255, 251);
	background: linear-gradient(
		90deg,
		rgba(248, 255, 251, 1) 0%,
		rgba(231, 255, 242, 1) 100%
	);
	padding-top: 20px !important;
}

.sec-banner-gioithieu .col-right {
	position: relative;
}

.sec-banner-gioithieu .col-right .circel-exp {
	width: 146px;
	height: 146px;
	border-radius: 99%;
	position: absolute;
	border: 3px solid #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	background-color: var(--theme-color);
	right: 0;
	bottom: 40%;
	flex-direction: column;
	padding: 20px;
	text-align: center;
}

.sec-banner-gioithieu .col-right .circel-exp span {
	font-size: 2.25rem;
	font-family: var(--semi);
	display: block;
	margin-bottom: 5px;
}

.sec-banner-gioithieu .col-right .circel-exp p {
	font-size: 0.625rem;
	line-height: 1;
	margin-bottom: 0;
}

.sec-banner-gioithieu .col-right .has-hover.img {
	margin-bottom: 0;
}

.sec-quote {
	padding-top: 90px !important;
	padding-bottom: 90px !important;
}

.title-quote p {
	color: #fff;
	font-size: 2rem;
	font-family: var(--medi);
	line-height: 32px;
}

.box-sumenh.icon-box .icon-box-text h3 {
	color: #000;
	font-size: 2.25rem;
	margin-bottom: 12px;
	line-height: 1;
}

.box-sumenh.icon-box .icon-box-text p {
	font-size: 1rem;
}

.box-image-leaf {
	padding: 20px;
}

.box-image-leaf .img-inner {
	border-radius: 150px 10px 150px 10px;
	filter: drop-shadow(6px 6px 6px #00000055);
}

.box-image-leaf img {
	border-radius: 150px 10px 150px 10px;

	transition: 0.5s;
}

.box-image-leaf:hover img {
	scale: 1.1;
}

.section.sec-sumenh {
	padding-bottom: 60px !important;
}

.col-right-video .video-button-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.col-right-video .video-button-wrapper a {
	margin-bottom: 0;
	color: #fff;
	background: #ffffff70;
	border: none;
}

.col-right-video .video-button-wrapper a i {
	top: 2px;
}

.button.btn-readmore {
	background: rgb(249, 124, 0);
	background: linear-gradient(
		90deg,
		rgba(249, 124, 0, 1) 0%,
		rgba(255, 185, 88, 1) 100%
	);
	background-size: 110%;
	border-radius: 20px 0px 20px 0px;
	text-transform: uppercase;
	font-family: var(--semi);
	transition: 0.3s;
	padding: 4px 20px;
}

.button.btn-readmore:hover {
	/* background-position: right center; */
	box-shadow: none;
	background: linear-gradient(
		-190deg,
		rgba(249, 124, 0, 1) 0%,
		rgba(255, 185, 88, 1) 100%
	);
}

.button.btn-readmore i:before {
	content: "";
	background-image: url("../images/arrow-right.svg");
	width: 24px;
	height: 24px;
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
}

.box-staff .box-image {
	background-color: #f4f4f4;
	border-radius: 20px 100px 20px 20px;
	padding-top: 30px;
}

.box-staff .box-image img {
	max-height: 450px;
	object-fit: contain;
	width: auto;
	display: block;
}

.box-staff .box-text {
	background-color: #fff !important;
	padding: 25px !important;
	border: 1px solid var(--theme-color);
	border-radius: 10px;
	max-width: 80% !important;
	transition: 0.3s;
}

.box-staff .box-text:hover {
	background-color: var(--theme-color) !important;
}

.box-staff .box-text:hover * {
	color: #fff;
}

.box-staff .box-text h4 {
	font-size: var(--size-20);
	color: var(--theme-color2);
	text-transform: uppercase;
	font-family: var(--bold);
	margin-bottom: 5px;
}

.box-staff .box-text p {
	color: #000;
}

.slider-staff .flickity-button {
	display: block;
	opacity: 1;
}

.slider-staff .flickity-page-dots {
	display: none;
}

.slider-staff .flickity-button {
	width: 40px;
	height: 40px;
	border: 1px solid var(--theme-color);
	border-radius: 5px;
}

.slider-staff .flickity-button.previous:before {
	font-family: var(--fa6);
	content: "\f060";
	display: block;
	position: absolute;
	height: 100%;
	left: 50%;
	top: 51%;
	transform: translate(-50%, -50%);
	color: var(--theme-color);
}

.slider-staff .flickity-button.next:before {
	font-family: var(--fa6);
	content: "\f061";
	display: block;
	position: absolute;
	height: 100%;
	left: 50%;
	top: 51%;
	transform: translate(-50%, -50%);
	color: var(--theme-color);
}

.slider-staff .flickity-button svg {
	display: none;
}

.slider-staff .flickity-button:hover {
	background-color: var(--theme-color);
}

.slider-staff .flickity-button:hover:before {
	color: #fff;
}

.slick-slider-award .slick-track {
	display: flex !important;
	align-items: center;
}

.slick-slider-award .slick-slide {
	height: inherit !important;
}

.slick-slider-award .gallery-col {
	padding: 10px 0px !important;
}

.slick-slider-award .gallery-col .col-inner .box-image img {
	height: 100px;
	width: auto;
	object-fit: contain;
}

.slick-slider-award .gallery-col .col-inner .box-text {
	opacity: 0;
	visibility: hidden;
	text-align: center;
	display: none;
	padding-bottom: 0;
}

.slick-slider-award .slick-active.slick-center.gallery-col .col-inner .box {
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	border-radius: 6px;
	padding: 10px;
}

.slick-slider-award .slick-active.slick-center.gallery-col .col-inner .box img {
	height: 160px;
}

.slick-slider-award
	.slick-active.slick-center.gallery-col
	.col-inner
	.box-text {
	opacity: 1;
	visibility: visible;
	display: block;
}

.slick-slider-award .slick-nav.slick-arrow {
	width: 40px !important;
	height: 40px;
	border-radius: 5px;
	border: 1px solid var(--theme-color);
	background-color: #fff;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	max-width: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	z-index: 99;
}

.slick-slider-award .slick-nav:hover {
	background-color: var(--theme-color);
}

.slick-slider-award .slick-nav:hover i {
	color: #fff;
}

.slick-slider-award .slick-nav i {
	color: var(--theme-color);
}

.slick-slider-award .slick-nav.prev-arrow {
	left: -20px;
}

.slick-slider-award .slick-nav.next-arrow {
	right: -20px;
}

.box-img-contact-1 {
	max-width: 60%;
}

.box-img-contact-1 .img-inner {
	border-radius: 10px 250px 10px 200px;
	border: 1px solid var(--theme-color);
	filter: drop-shadow(6px 6px 6px #00000055);
}

.box-img-contact-2 .img-inner {
	border-radius: 250px 10px 200px 10px;
	border: 1px solid var(--theme-color);
	filter: drop-shadow(6px 6px 6px #00000055);
}

.box-img-contact-2 {
	max-width: 60%;
	position: absolute !important;
	bottom: 0;
	right: 0;
	display: flex;
	justify-content: flex-end;
}

.blog-post-item .post-item .box-image {
	border-radius: 15px;
}

.blog-post-item .post-item .post-title a {
	font-size: 20px;
	font-family: var(--semi);
	color: #404042;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-bottom: 20px;
}

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

.blog-post-item .post-item .group-btn {
	margin-top: 20px;
}

a.readmore-btn {
	color: #fff;
	background: rgb(249, 124, 0);
	background: linear-gradient(
		90deg,
		rgba(249, 124, 0, 1) 0%,
		rgba(255, 185, 88, 1) 100%
	);
	border-radius: 16px 0px 16px 0px;
	height: 36px !important;
	width: 160px;
	display: flex !important;
	justify-content: center;
	align-items: center;
	/* text-transform: uppercase; */
	gap: 10px;
	font-family: var(--semi);
	transition: 0.5s;
}

a.readmore-btn:hover {
	color: #fff;
	background: linear-gradient(
		-90deg,
		rgba(249, 124, 0, 1) 0%,
		rgba(255, 185, 88, 1) 100%
	);
}

.list-recruitment a.readmore-btn {
	width: max-content;
	padding-left: 20px;
	padding-right: 20px;
}

.box-post-featured {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	margin-bottom: 20px;
}

.box-post-featured:last-child {
	margin-bottom: 0;
}

.box-post-featured .number {
	font-size: var(--size-36);
	font-family: var(--bold);
	color: #00000010;
	border-right: 1px solid #00000010;
	padding-right: 18px;
	margin-right: 18px;
	line-height: 1;
	margin-top: 10px;
	min-width: 40px;
}

.box-post-featured .post-featured .category {
	display: block;
	font-size: 0.8125rem;
	font-family: var(--regular);
	color: var(--theme-color2);
}

.box-post-featured .post-featured a {
	display: block;
	color: #000;
	transition: 0.3s;
}

.box-post-featured .post-featured a:hover {
	color: var(--theme-color2);
}

.widget-area aside {
	padding: 20px;
	box-shadow: rgba(99, 99, 99, 0.06) 0px 4px 10px 4px;
	border-radius: 10px;
}

.widget-area .widget-title span {
	display: block;
	font-size: var(--size-20);
	margin-bottom: 10px;
}

.widget-area .is-divider {
	height: 1px;
	background-color: #00864140;
	width: 100%;
	max-width: unset;
}

.category .blog-archive.page-wrapper,
.archive.tag .blog-archive.page-wrapper {
	padding-top: 0px !important;
}

.category .blog-archive.page-wrapper .wrap-breadcrumb,
.archive.tag .blog-archive.page-wrapper .wrap-breadcrumb {
	margin-bottom: 80px;
}

.menu-footer .ux-menu-link__link:hover span {
	color: var(--theme-color2);
}

.category h1.title-section,
.title-archive-recruitment {
	margin-bottom: 40px;
}

.nav-pagination > li > a,
.nav-pagination > li > span {
	border: none !important;
	border-radius: 10px 0px 10px 0px !important;
	height: 26px !important;
	line-height: 26px !important;
	width: 26px !important;
	padding: 0 !important;
	text-align: center;
	min-width: unset !important;
	font-size: 16px !important;
	font-weight: unset !important;
}

.nav-pagination > li > .current,
.nav-pagination > li > a:hover,
.nav-pagination > li > span:hover {
	background-color: var(--theme-color2) !important;
}

.box-sidebar-detail-post {
	margin-top: 40px;
}

.box-sidebar-detail-post .title-box-sidebar {
	font-size: 20px;
	display: block;
	font-family: var(--semi);
	margin-bottom: 16px;
}

.box-sidebar-detail-post .list-tags {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 16px;
}

.box-sidebar-detail-post .list-tags a {
	background-color: #f4f4f4;
	color: #3a3a3a;
	padding: 5px 16px;
	border-radius: 6px;
	transition: 0.3s;
}

.box-sidebar-detail-post .list-tags a:hover {
	background-color: var(--theme-color2);
	color: #fff;
}

.share-box-sidebar .list-social {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
}

.share-box-sidebar .list-social img {
	width: 36px;
	height: 36px;
	border-radius: 5px;
}

.share-box-sidebar .list-social a {
	background: unset;
	border: none;
	padding: 0;
	margin: 0;
	filter: brightness(0.8);
}

.share-box-sidebar .list-social a:hover {
	filter: brightness(1);
	background-color: transparent;
	box-shadow: none;
}

.single-post .blog-single.page-wrapper {
	padding-top: 0 !important;
}

.single-post h1.entry-title {
	color: #404042;
}

.banner-detail-post img {
	width: 100%;
	max-height: 500px;
	object-fit: cover;
	object-position: center;
	display: block;
}

.single-post .wrap-breadcrumb {
	margin-bottom: 80px;
}

.post-meta-single {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 20px;
}

.post-meta-single > div {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #919191;
}

.single-post .entry-content {
	padding-top: 16px;
	margin-bottom: 40px;
	text-align: justify;
}

.main-archive-recruitment {
	padding-top: 80px;
}

.list-recruitment ul.links li {
	margin: 0 0.4em;
}

.main-single-rec {
	padding-top: 80px;
}

.title-single-rec {
	color: #000;
	font-size: var(--size-28);
	margin-bottom: 20px;
}

.meta-rec {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 20px;
}

.meta-rec .item-meta {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
}

hr.single-rec {
	color: #008641;
	opacity: 1;
}

.content-single-rec,
.relate-section {
	margin-top: 40px;
}

.content-single-rec * {
	text-align: justify;
	font-size: 1rem;
}

.title-relate-rec {
	color: #404042;
	font-size: var(--size-36);
	margin-bottom: 40px;
}

.title-sidebar-form {
	font-size: var(--size-28);
	color: var(--theme-color);
	margin-bottom: 24px;
	font-family: var(--semi);
	line-height: normal;
}

.form-tuyendung {
	padding: 40px;
	box-shadow: rgba(99, 99, 99, 0.06) 0px 4px 10px 4px;
	border-radius: 10px;
}

.form-tuyendung input {
	border: none !important;
	border-bottom: 1px solid #ccc !important;
	box-shadow: none !important;
	font-size: var(--size-14) !important;
	padding-left: 0 !important;
	margin-bottom: 40px;
}

.form-tuyendung input.wpcf7-file {
	border: none !important;
}

.form-tuyendung .btn-group .wpcf7-spinner {
	display: none;
}

.form-tuyendung .btn-group .wpcf7-submit {
	border-radius: 16px 0px 16px 0px;
	background: rgb(249, 124, 0);
	background: linear-gradient(
		90deg,
		rgba(249, 124, 0, 1) 0%,
		rgba(255, 185, 88, 1) 100%
	);
	font-weight: unset;
	font-size: 1rem;
	margin: 0px auto;
	padding: 10px 20px !important;
	font-family: var(--semi);
	min-height: unset;
	line-height: 1;
	border: none !important;
	display: block;
}

.form-tuyendung .wpcf7-not-valid-tip {
	left: 0 !important;
	bottom: 20px !important;
}

.form-tuyendung input::file-selector-button {
	padding: 8px 15px;
	border: thin solid var(--theme-color);
	border-radius: 3px;
}

.form-tuyendung .upload-cv {
	position: relative;
	margin-bottom: 40px;
}

.form-tuyendung .upload-cv label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #ccc;
	color: #333333ad;
	padding-bottom: 5px;
	font-weight: unset;
}

.form-tuyendung .upload-cv .wpcf7-file {
	position: absolute;
	inset: 0;
	opacity: 0;
	margin: 0;
}

.form-tuyendung .upload-cv .wpcf7-form-control-wrap {
	position: unset;
}

.single-product #main {
	background-color: #f4f4f4;
}

.form-tuyendung .upload-cv label i {
	color: var(--theme-color2);
}

.form-tuyendung .upload-cv .wpcf7-not-valid-tip {
	bottom: -20px !important;
}

.wrap-header-product {
	background: #fff;
	padding: 30px;
	border-radius: 10px;
}

.slider-big-product .img-big img {
	height: 470px;
	object-fit: cover;
	width: 100%;
	border-radius: 10px;
}
.slider-big-product .img-big {
	width: 100%;
}
.slider-big-product .img-big iframe {
	height: 470px;
	border-radius: 10px;
	width: 100%;
}

.slider-big-product {
	margin-bottom: 20px;
}

.slider-big-product .slick-item:nth-child(2) {
	opacity: 0;
}

.slider-thumb-product .thumb-img {
	background-color: #f4f4f4;
	width: 90px;
	height: 90px;
	border-radius: 6px;
}

.slider-thumb-product .thumb-img img {
	height: 90px;
	object-fit: cover;
	width: 100%;
	display: block;
	margin: 0 auto;
	border-radius: 6px;
}

.slider-thumb-product .slick-item {
	padding-right: 8px;
}

.slider-thumb-product .slick-current.slick-active .thumb-img {
	border: 1px solid var(--theme-color2);
}

.slick-slider .slick-arrow {
	height: 40px;
	max-width: 40px;
	border-radius: 5px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid var(--theme-color);
	z-index: 99;
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: transparent;
}

.slick-slider .slick-arrow i {
	color: var(--theme-color);
}

.slick-slider .slick-arrow.prev-arrow {
	left: 10px;
}

.slick-slider .slick-arrow.next-arrow {
	right: 10px;
}

.slick-slider .slick-arrow:hover {
	background-color: var(--theme-color);
}

.slick-slider .slick-arrow:hover i {
	color: #fff;
}

.single_add_to_cart_button.disabled {
	opacity: 1 !important;
}

.product-summary .product-title {
	color: #3a3a3a;
	font-size: var(--size-28);
}

.product-summary .more-info-product {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.product-summary .more-info-product .item span:first-child {
	color: #616161;
}

.product-summary .more-info-product .item span {
	line-height: 1;
}

.product-summary .more-info-product .item:not(:first-child) {
	padding-left: 15px;
	margin-left: 15px;
	border-left: 1px solid #ccc;
	line-height: 1;
}

.product-summary .price-wrapper .product-page-price {
	display: flex;
	align-items: baseline;
	flex-direction: row-reverse;
	justify-content: flex-end;
	gap: 20px;
}

.product-summary .price-wrapper .product-page-price del .amount {
	font-size: var(--size-24);
	font-family: var(--medi);
	color: #ababab;
}

.product-summary .price-wrapper .product-page-price ins .amount,
.product-page-price > .amount {
	font-size: var(--size-36);
	font-family: var(--medi);
	color: var(--theme-color2);
}

.product-summary .variations label {
	font-size: 1rem;
	font-weight: unset;
	font-family: var(--bold);
	margin-bottom: 12px;
}

.single_variation_wrap .woocommerce-variation-price:empty {
	display: none;
}

.ux-swatches .ux-swatch {
	border-radius: 5px;
	background-color: #f4f4f4;
	box-shadow: none;
}

.ux-swatches .ux-swatch.selected {
	box-shadow: none;
	background-color: var(--theme-color2);
	color: #fff;
}

.diwe-quickbuy button.single_add_to_cart_button.loading:after {
	display: none;
}

.diwe-quickbuy button.single_add_to_cart_button.button.alt.loading {
	color: #fff;
	pointer-events: none !important;
}

.diwe-quickbuy button.buy_now_button {
	position: relative;
	color: rgba(255, 255, 255, 0.05);
}

.diwe-quickbuy button.buy_now_button:after {
	animation: spin 500ms infinite linear;
	border: 2px solid #fff;
	border-radius: 32px;
	border-right-color: transparent !important;
	border-top-color: transparent !important;
	content: "";
	display: block;
	height: 16px;
	top: 50%;
	margin-top: -8px;
	left: 50%;
	margin-left: -8px;
	position: absolute;
	width: 16px;
}

label.title-qty {
	font-size: 16px;
	font-weight: unset;
	font-family: var(--bold);
}

.btn-group-single {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	justify-content: flex-end;
	gap: 12px;
}

.btn-group-single .button {
	flex-grow: 1;
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: unset;
	justify-content: center;
	border-radius: 20px 0px 20px 0px;
	margin: 0;
	padding: 15px 30px;
	min-height: unset;
	line-height: 1;
	font-size: 1rem;
	font-family: var(--semi);
}

.btn-group-single .buy_now_button {
	background: rgb(249, 124, 0);
	background: linear-gradient(
		90deg,
		rgba(249, 124, 0, 1) 0%,
		rgba(255, 185, 88, 1) 100%
	);
	background-size: 120%;
	color: #fff;
	transition: 1s;
}

.btn-group-single .buy_now_button:hover {
	box-shadow: none;
	background: linear-gradient(
		-90deg,
		rgba(249, 124, 0, 1) 0%,
		rgba(255, 185, 88, 1) 100%
	);
	background-size: 120%;
	background-position: -10px;
}

.btn-group-single .single_add_to_cart_button {
	background: transparent !important;
	border: 1px solid var(--theme-color);
	color: var(--theme-color);
	transition: 0.5s;
}

.btn-group-single .single_add_to_cart_button:hover {
	background: var(--theme-color) !important;
	color: #fff;
}

.btn-group-single .single_add_to_cart_button:hover svg path {
	fill: #fff;
}

.product-summary .ux-quantity {
	margin-bottom: 20px !important;
	background-color: #f2f2f2;
	border-radius: 6px;
}

.tmdt-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 16px;
}

.tmdt-wrap span {
	color: #616161;
}

.tmdt-wrap a img {
	width: 40px;
	height: 40px;
	border-radius: 99%;
	object-fit: cover;
	transition: 0.3s;
}

.tmdt-wrap a img:hover {
	scale: 1.1;
}

.content-single-product {
	background-color: #fff;
	border-radius: 10px;
	padding-top: 40px;
	padding-left: 40px;
	padding-right: 40px;
	position: relative;
	margin-bottom: 40px;
}

.ux-quantity > * {
	background-color: transparent !important;
}

.ux-quantity .input-text {
	height: 36px;
	box-shadow: none !important;
	border: none !important;
}

.ux-quantity input[type="button"] {
	width: 30px;
	border: none !important;
	height: 36px;
	min-height: unset !important;
	box-shadow: none !important;
}

.content-single-product .title-box {
	font-size: 36px;
	font-family: var(--bold);
	color: var(--theme-color);
	margin-bottom: 40px;
	display: block;
}

.content-single-product .wrap-content-single {
	padding-bottom: 40px;
	height: auto;
}

.wrap-content-single.active-readmore {
	max-height: 400px;
	overflow: hidden;
}

.wrap-btn-readmore-single {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #00000075;
	background: rgb(255, 255, 255);
	width: 100%;
	padding: 10px 0px;
}

.wrap-btn-readmore-single button {
	text-align: center;
	margin: 0;
}

.wrap-btn-readmore-single button span {
	display: block;
	font-size: 1rem;
	font-weight: unset;
	font-family: var(--semi);
}

.wrap-btn-readmore-single button i {
	font-size: var(--size-30);
}

.btn-readmore-content.active-btn {
	display: flex;
	flex-direction: column-reverse;
	justify-content: center;
	align-items: center;
}

.related-products-wrapper {
	background-color: #fff;
	border-radius: 10px;
	padding: 40px;
	margin-bottom: 40px;
}

.product-section-title-related {
	text-align: center;
	font-size: var(--size-28);
	padding-top: 0;
}

.product-small .col-inner {
	border-radius: 20px;
	border: 1px solid #e9e9e9;
	background-color: #fff;
	transition: 0.3s;
	height: 100%;
}

.product-small .col-inner .box-text-products {
	padding: 16px;
	position: relative;
}

.product-small .col-inner .box-text-products .product-title a {
	font-size: 16px;
	font-family: var(--medi);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: #3a3a3a;
}

.product-small .col-inner .box-text-products .product-title a:hover {
	color: var(--theme-color2);
}

.product-small .col-inner .box-text-products .star {
	margin-bottom: 8px;
}

.product-small .col-inner .box-text-products .price-wrapper {
	width: calc(100% - 36px);
	padding-right: 12px;
}

.product-small .col-inner .box-text-products .price-wrapper:empty {
	display: none;
}

.product-small .col-inner .box-text-products .price-wrapper .price {
	display: flex;
	flex-direction: row-reverse;
	gap: 8px;
	justify-content: flex-end;
	align-items: flex-end;
	flex-wrap: wrap;
}

.product-small .col-inner .box-text-products .price-wrapper .price > .amount {
	font-size: var(--size-20);
	font-family: var(--medi);
	color: var(--theme-color2);
	font-weight: unset;
}

.product-small .col-inner .box-text-products .price-wrapper .price ins .amount {
	font-size: var(--size-20);
	font-family: var(--medi);
	color: var(--theme-color2);
	font-weight: unset;
}

.product-small
	.col-inner
	.box-text-products
	.price-wrapper
	.price
	ins
	.amount
	bdi {
	font-weight: unset;
}

.product-small .col-inner .box-text-products .price-wrapper .price del .amount {
	font-size: 1rem;
	font-family: var(--medi);
	color: #ababab;
	font-weight: unset;
}

.product-small .col-inner .box-text-products .add_to_cart_button {
	margin: 0;
	width: 36px;
	height: 36px;
	background-color: #e9e9e9;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	box-shadow: none;
	border: none;
	transition: 0.3s;
}

.product-small .col-inner .box-text-products .add_to_cart_button svg {
	width: 20.25px;
	height: 20.25px;
}

.bottom-loop-product {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.product-small .col-inner .box-text-products .add_to_cart_button:hover {
	background-color: var(--theme-color2);
}

.product-small
	.col-inner
	.box-text-products
	.add_to_cart_button:hover
	svg
	path {
	fill: #fff;
}

.product-small .col-inner .box-text-products .added_to_cart {
	display: none;
}

.product-small .col-inner .box-text-products .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 .box-text-products .add_to_cart_button.added {
	background-color: var(--theme-color2);
}

.product-small
	.col-inner
	.box-text-products
	.add_to_cart_button.added
	svg
	path {
	fill: #fff;
}

.product-small .col-inner .box-text-products .add_to_cart_button.added:before {
	animation: up_cart_plus 2s ease 0s 1 normal forwards;
}

.product-small .col-inner .box-image {
	margin: 8px;
	border-radius: 20px;
}

.product-small .col-inner .box-image img {
	height: 288px;
	object-fit: cover;
	object-position: center;
}

.product-small .box-image .out-of-stock-label {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #59585850;
}

.product-small .box-image .out-of-stock-label span {
	width: 100px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	font-family: var(--medi);
	padding: 20px;
	background: #07070760;
	border-radius: 99%;
	color: #fff;
	text-transform: initial;
	line-height: normal;
}

.product-small.out-of-stock .add_to_cart_button {
	display: none !important;
}

.product-small .noti-out-of-stock {
	font-size: var(--size-20);
	font-family: var(--medi);
	color: var(--theme-color2);
}

.product-small.out-of-stock .bottom-loop-product {
	display: none;
}

.post-type-archive-product #wrapper,
.post-type-archive-product #main,
.tax-product_cat #main,
.tax-product_cat #wrapper {
	background-color: #f4f4f4;
}

.archive .shop-container {
	background: #fff;
	padding: 20px 20px 40px 20px;
	border-radius: 10px;
}

.shop-container ul.links {
	margin-top: 20px;
}

.sortbycate .order-list {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 8px;
}

.sortbycate .order-list li {
	list-style: none;
}

.sortbycate .order-list li a {
	padding: 8px 16px;
	border-radius: 8px;
	background-color: #fff;
	color: #3a3a3a;
	font-size: 1rem;
	transition: 0.3s;
}

.sortbycate .order-list li a:hover,
.sortbycate .order-list li.active a {
	background: rgb(255, 185, 88);
	background: linear-gradient(
		-90deg,
		rgba(255, 185, 88, 1) 0%,
		rgba(249, 124, 0, 1) 100%
	);
	color: #fff;
}

.title-shop .shop-page-title-custom {
	text-align: center;
	text-transform: uppercase;
	font-size: var(--size-36);
	font-family: var(--bold);
	margin-bottom: 40px;
	background-color: transparent;
}

.cart-item.has-icon .header-button a.header-cart-link .image-icon {
	margin: 0;
}

.cart-item.has-icon .header-button a.header-cart-link .image-icon img {
	width: 30px;
	height: 20px;
	object-fit: contain;
}

#masthead
	.cart-item.has-icon
	.header-button
	a.header-cart-link
	.image-icon:after {
	right: -5px;
	top: -9px;
	min-width: 16px;
	height: 16px;
	line-height: 16px;
}

.shop-page-title {
	background-color: #00864120;
}

.archive .shop-page-title {
	background-color: #00864110;
	margin-bottom: 50px;
}

.shop-page-title .page-title-inner {
	padding-top: 0px;
	min-height: 45px;
}

.list-cat-sidebar .parent-cat {
	margin-bottom: 20px;
}

.list-cat-sidebar .parent-cat > .cat-item {
	border-radius: 20px 0px 20px 0px;
	box-shadow: #00000010 0px 4px 8px 0px;
	padding: 7px;
}

.list-cat-sidebar .parent-cat .cat-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 2;
	position: relative;
}

.list-cat-sidebar .parent-cat .cat-item .cat-item-child {
	width: 100%;
	padding-right: 8px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 12px;
}

.list-cat-sidebar .parent-cat .cat-item .cat-item-child a {
	width: 100%;
}

.list-cat-sidebar .parent-cat .cat-item .cat-item-child img {
	width: 40px;
	height: 40px;
	object-fit: contain;
}

.list-cat-sidebar .parent-cat .cat-item .btn-arrow-down {
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

#shop-sidebar aside {
	background-color: #fff;
	padding: 24px 16px;
	border-radius: 10px;
}

#shop-sidebar .widget-title {
	display: block;
	text-transform: uppercase;
	font-size: var(--size-20);
	font-family: var(--semi);
	margin-bottom: 20px;
}

#shop-sidebar .is-divider {
	display: none;
}

.list-cat-sidebar .parent-cat .child-cat {
	display: none;
}

.list-cat-sidebar .parent-cat .cat-item {
	transition: 0.3s;
}

.list-cat-sidebar .parent-cat .cat-item:hover a {
	color: #fff;
}

.list-cat-sidebar .parent-cat.active .cat-item,
.list-cat-sidebar .parent-cat .cat-item:hover {
	background: rgb(255, 185, 88);
	background: linear-gradient(
		-90deg,
		rgba(255, 185, 88, 1) 0%,
		rgba(249, 124, 0, 1) 100%
	);
	color: #fff;
	margin-bottom: 0;
}

.list-cat-sidebar .parent-cat.active .cat-item a {
	color: #fff;
}

.list-cat-sidebar .parent-cat .child-cat {
	background-color: #f8f8f8;
	padding: 27px 55px 12px 40px;
	border-radius: 0px 0px 10px 10px;
	margin-top: -10px;
	z-index: 1;
	position: relative;
}

.list-cat-sidebar .parent-cat .child-cat a {
	display: block;
	margin-bottom: 6px;
}

.list-cat-sidebar .parent-cat .child-cat a:hover {
	color: var(--theme-color2);
}

.list-cat-sidebar .parent-cat.active .child-cat {
	display: block;
}

.list-cat-sidebar .parent-cat.active .child-cat a.child-active {
	color: var(--theme-color2);
}

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

.widget.filter-price .order-list li {
	display: block;
}

.widget.filter-price .order-list li {
	padding-left: 25px;
	position: relative;
	border: none;
}

.widget.filter-price .order-list li a {
	display: block;
}

.widget.filter-price .order-list li:before {
	content: "\f0c8";
	font-family: var(--fa6);
	font-weight: 200;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 18px;
}

.widget.filter-price .order-list li:hover::before,
.widget.filter-price .order-list li.active::before {
	content: "\f14a";
	font-weight: 900;
	color: var(--theme-color2);
}

.related-products-wrapper .flickity-button {
	display: block;
	opacity: 1;
}

.related-products-wrapper .flickity-page-dots {
	display: none;
}

.related-products-wrapper .flickity-button {
	width: 40px;
	height: 40px;
	border: 1px solid var(--theme-color);
	border-radius: 5px;
	margin: 0 !important;
}

.related-products-wrapper .flickity-button.previous:before {
	font-family: var(--fa6);
	content: "\f060";
	display: block;
	position: absolute;
	height: 100%;
	left: 50%;
	top: 51%;
	transform: translate(-50%, -50%);
	color: var(--theme-color);
}

.related-products-wrapper .flickity-button.next:before {
	font-family: var(--fa6);
	content: "\f061";
	display: block;
	position: absolute;
	height: 100%;
	left: 50%;
	top: 51%;
	transform: translate(-50%, -50%);
	color: var(--theme-color);
}

.related-products-wrapper .flickity-button svg {
	display: none;
}

.related-products-wrapper .flickity-button:hover {
	background-color: var(--theme-color) !important;
}

.related-products-wrapper .flickity-button:hover:before {
	color: #fff;
}

.related-products-wrapper .flickity-prev-next-button.previous {
	left: 15px;
	transform: translateX(0);
}

.related-products-wrapper .flickity-prev-next-button.next {
	right: 15px;
	transform: translateX(0);
}

.woocommerce-checkout .t-checkout {
	margin-top: 50px;
	margin-bottom: 50px;
}

a.btn-contact-now-single-pro {
	padding: 16px 50px;
	border-radius: 20px 0px 20px 0px;
	background: rgb(255, 185, 88);
	background: linear-gradient(
		-90deg,
		rgba(255, 185, 88, 1) 0%,
		rgba(249, 124, 0, 1) 100%
	);
	width: max-content;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 15px;
	font-size: 1rem;
	font-family: var(--semi);
	transition: 0.3s;
	margin-bottom: 20px;
}

a.btn-contact-now-single-pro:hover {
	background: rgb(255, 185, 88);
	background: linear-gradient(
		90deg,
		rgba(255, 185, 88, 1) 0%,
		rgba(249, 124, 0, 1) 100%
	);
	color: #fff;
}

.product-short-description {
	margin-bottom: 20px;
}

.box-item-number-index .col-inner {
	height: 100%;
	text-align: center;
	transition: 0.3s;
	box-shadow: #00000030 8px 8px 10px 0px;
	cursor: pointer;
	/* background-color: #fff;
	padding: 45px 30px; */
}

.box-item-number-index .number {
	font-size: 3.125rem;
	font-family: var(--semi);
	line-height: 1;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	color: var(--theme-color2);
	justify-content: center;
}

.box-item-number-index:hover .col-inner {
	background-color: var(--theme-color) !important;
}

.box-item-number-index:hover * {
	color: #fff;
}

.section-intro-home .row-bottom-intro {
	padding-top: 100px;
}

.section-intro-home .col-right-video .box-image-leaf img {
	min-height: 500px;
	object-fit: cover;
}

.blog-index-trangchu .box-text {
	padding-top: 20px;
}

.blog-index-trangchu .box-text .post-title a {
	display: block;
	font-size: var(--size-20);
	color: #404042;
	font-family: var(--semi);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-bottom: 10px;
}

.blog-index-trangchu .post-item a:hover {
	color: var(--theme-color2);
}

.blog-index-trangchu .is-divider {
	display: none;
}

.blog-index-trangchu .from_the_blog_excerpt {
	margin-bottom: 20px;
}

.blog-index-trangchu .group-btn a {
	background: unset;
	text-align: left;
	padding: 0;
	color: #40404250;
	justify-content: flex-start;
	text-decoration: underline;
	height: unset !important;
	font-size: 18px;
	width: 100%;
}

.blog-index-trangchu .group-btn a i {
	display: none;
}

.sec-blog-index {
	padding-top: 80px !important;
}

.p-mb-16 p {
	margin-bottom: 16px;
}

.mb-10 {
	margin-bottom: 10px;
}

.slide-partner-1 .slick-slide img {
	height: 120px;
	display: block;
	margin: 0 auto;
	width: auto;
	object-fit: contain;
}

.sec-thanhtich-index {
	padding-top: 80px !important;
}

.fs-20 p {
	font-size: var(--size-20);
	font-family: var(--medi);
}

.row-san-tmdt-index {
	background-color: #fff;
	border-radius: 50px;
	box-shadow: #00000005 0px 4px 12px 0;
	margin-top: -74px;
	margin-bottom: 30px;
	max-width: calc(1210px - 30px);
}

.row-san-tmdt-index .col-left .col-inner {
	padding-left: 20px;
}

.sec-sp-quatang {
	padding-bottom: 130px !important;
}

.slide-navigation-square .flickity-page-dots {
	bottom: -24px;
}

.slide-navigation-square .flickity-page-dots li.dot {
	width: 60px;
	background-color: #fff;
	margin: 0;
	border-radius: 0;
	opacity: 1;
	height: 5px;
}

.slide-navigation-square .flickity-page-dots li.dot.is-selected {
	background-color: #c9c8c8;
}

.section-product-cat {
	padding-top: 10px;
}

.section-product-cat .title-section {
	margin-bottom: 40px;
}

.main-product-cat-index {
	padding-top: 20px;
	padding-bottom: 80px;
	background: #fbfbfa;
}
.main-product-cat-index .slick-dots li button {
	opacity: 0;
}

.slider-product-by-cat .product-small.col {
	padding-left: 0;
	padding-right: 0;
	height: 100%;
}

.slider-product-by-cat .slick-item {
	padding-right: 24px;
}

.slider-product-by-cat .slick-item:last-child {
	padding-right: 0;
}

.slick-navigation-square .slick-dots {
	bottom: 0;
}

.slick-navigation-square .slick-dots li {
	border-radius: 0;
	opacity: 1;
	width: 50px;
	height: 5px;
	background-color: #ebebeb;
	margin: 0 !important;
	margin-top: 0;
	bottom: 0;
}

.slick-navigation-square .slick-dots li.slick-active {
	background-color: var(--theme-color2);
}

.slider-product-by-cat.slick-slider .slick-arrow {
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
}

.slider-product-by-cat:hover .slick-arrow {
	opacity: 1;
	visibility: visible;
}

.slider-product-by-cat:hover .slick-arrow.prev-arrow {
	left: 0px;
}

.slider-product-by-cat:hover .slick-arrow.next-arrow {
	right: 0px;
}

.slider-banner .item-slide {
	position: relative;
	height: 550px;
}

.slider-banner .banner-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 550px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.slider-banner .banner-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.slider-banner .item-slide .container {
	height: 100%;
}

.box-content-banner {
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.box-content-banner a {
	width: max-content;
}

.box-content-banner h2 {
	font-size: 3.75rem;
	font-weight: unset;
	font-family: var(--bold);
	color: #fff;
	line-height: 1;
}

.box-content-banner.align-left {
	align-items: flex-start;
}

.box-content-banner.align-center {
	align-items: center;
}

.box-content-banner.align-right {
	align-items: flex-end;
}

.slider-banner .slick-dots {
	bottom: 40px;
	margin-top: 0;
}

.slider-banner .slick-dots li {
	background-color: #fff;
	opacity: 1;
	transition: 0.3s;
}

.slider-banner .slick-dots li.slick-active {
	width: 48px;
	border-radius: 30px;
	background-color: var(--theme-color2);
}

.slider-banner .slick-arrow {
	opacity: 0;
	visibility: hidden;
}

.slider-banner .item-slide-banner .after-item-slide {
	opacity: 0;
	visibility: hidden;
}

.slider-banner .item-slide-banner.slick-current.slick-active .after-item-slide {
	opacity: 1;
	visibility: visible;
}

.slider-banner:hover .slick-arrow {
	opacity: 1;
	visibility: visible;
}

.product-small.col:hover .col-inner {
	box-shadow: #00000010 4px 4px 20px 0px;
}

.slick-slider .slick-track {
	display: flex;
}

.slick-slider .slick-slide {
	display: flex;
	height: auto;
	align-items: center;
	justify-content: center;
}

.ux-search-box input.search-field {
	border-radius: 30px 0px 0px 30px;
	height: 50px;
	font-size: 18px;
	padding-left: 20px;
}

.ux-search-box button.ux-search-submit {
	border-radius: 0px 30px 30px 0px;
	font-size: 18px;
	height: 50px;
	width: 60px;
}

.ux-search-box button.ux-search-submit:hover {
	box-shadow: none;
}

.menu-product-mega .menu {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	position: relative;
}

.menu-product-mega li {
	list-style: none;
	width: 300px;
	border: none;
	display: flex !important;
	border: none !important;
}

.menu-product-mega li a {
	text-transform: inherit !important;
	color: #000;
	display: block;
	width: 100%;
	transition: 0.3s;
	padding: 10px 20px !important;
	border-radius: 10px;

	position: relative;
}

.menu-product-mega ul.menu > li > a:hover {
	background-color: var(--theme-color2);
	color: #fff;
}

.menu-product-mega ul.menu > li > ul > li a:hover {
	background: transparent !important;
	color: var(--theme-color2) !important;
}

.menu-product-mega li.menu-item-has-children > a:before {
	content: "\f105";
	position: absolute;
	font-family: fl-icons;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}

.menu-product-mega li.menu-item-has-children .sub-menu {
	display: flex;
	flex-wrap: wrap;
	left: 320px;
	position: absolute;
	top: 0;
	width: 470px;
	border: none;
	opacity: 0;
	visibility: hidden;
}

.menu-product-mega li.menu-item-has-children:hover .sub-menu {
	opacity: 1;
	visibility: visible;
}

.menu-product-mega li.menu-item-has-children .toggle {
	display: none;
}

.menu-product-mega ul.menu > li.menu-item-has-children > ul > li {
	width: calc(50% - 1.3em);
}

.menu-product-mega .sub-menu {
	display: none;
}

.tab-vertical-menu ul.nav li {
	border: none;
	margin-bottom: 5px;
}

.tab-vertical-menu ul.nav li a {
	margin-right: 20px;
	border-radius: 10px;
	position: relative;
	padding-right: 20px;
	color: #000;
}

.tab-vertical-menu ul.nav li.active a:before,
.tab-vertical-menu ul.nav li:hover a:before {
	content: none;
}

.tab-vertical-menu ul.nav li.active a,
.tab-vertical-menu ul.nav li:hover a {
	background: rgb(249, 124, 0);
	background: linear-gradient(
		90deg,
		rgba(249, 124, 0, 1) 0%,
		rgba(255, 185, 88, 1) 100%
	);
	color: #fff;
	padding-left: 20px;
}

.tab-vertical-menu ul.nav li a:after {
	content: "\f054";
	font-family: var(--fa6);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
}

.tab-vertical-menu .tab-panels .menu-item a {
	text-transform: inherit;
	color: #000;
}

.tab-vertical-menu .entry-content .menu-item:hover span {
	color: var(--theme-color2);
}

.sec-bg-drone-bottom .wp-video,
.sec-bg-drone-bottom .wp-video .wp-video-shortcode {
	width: 100% !important;
	border-radius: 20px;
	height: 600px !important;
	overflow: hidden;
}

.sec-bg-drone-bottom .wp-video {
	margin-bottom: 20px;
}

.main-wrap-product-tab-index
	.product-small
	.col-inner
	.box-text-products
	.price-wrapper
	.price {
	flex-direction: column-reverse;
	justify-content: flex-start;
	align-items: flex-start;
}

.main-wrap-product-tab-index
	.product-small
	.col-inner
	.box-text-products
	.price-wrapper {
	align-items: center;
	display: flex;
}

.sec-sanpham-tieubieu {
	padding-top: 80px !important;
}

.tab-product-index .tab-panels {
	background-color: #fbfafa;
	padding-top: 40px;
	padding-bottom: 40px;
}

.tab-product-index ul.nav {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	margin-bottom: 40px;
	flex-wrap: wrap;
}

.tab-product-index ul.nav li a {
	min-width: 200px;
	border-radius: 20px 0px 20px 0px;
	box-shadow: #00000010 0px 4px 8px 0;
	display: flex;
	justify-content: center;
	gap: 10px;
	font-size: 1rem;
	font-family: var(--medi);
	color: #3a3a3a;
}

.tab-product-index ul.nav li.active a:before,
.tab-product-index ul.nav li:hover a:before {
	content: none;
}

.tab-product-index ul.nav li:hover a,
.tab-product-index ul.nav li.active a {
	background: rgb(249, 124, 0);
	background: linear-gradient(
		90deg,
		rgba(249, 124, 0, 1) 0%,
		rgba(255, 185, 88, 1) 100%
	);
	color: #fff;
}

.sec-info-product-home {
	padding-bottom: 0 !important;
}

.t-checkout .thong-tin-vc .three-col > .input-box:before {
	transform: unset !important;
	top: 10px !important;
}

.wrap-next-prev-post {
	overflow: hidden;
}

.wrap-next-prev-post a {
	padding: 8px 16px;
	display: inline-flex;
	gap: 8px;
	align-items: center;
	justify-content: space-between;
	color: #3a3a3a;
	background-color: #f4f4f4;
	border-radius: 8px;
	font-family: var(--medi);
	transition: 0.3s;
}

.wrap-next-prev-post a:hover {
	background-color: var(--theme-color2);
	color: #fff;
}

.wrap-next-prev-post a.next-post {
	float: right;
}

.box-blog-post .from_the_blog_excerpt {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.col-product .post-item .col-inner {
	background-color: #fff;
	border-radius: 10px;
	overflow: hidden;
}

.col-product .post-item .box-text {
	text-align: left;
	padding: 10px;
}

.col-product .post-item .box-text .from_the_blog_excerpt {
	display: none;
}

.col-product .post-item .col-inner .post-title a {
	color: var(--black);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-bottom: 20px;
}

.col-product .post-item .col-inner .is-divider {
	display: none;
}

.col-product .post-item .col-inner .image-cover {
	padding-top: 75% !important;
}

.col-product .post-item .image-cover img {
	transition: 0.3s;
}

.col-product .post-item:hover .image-cover img {
	scale: 1.1;
}

.search .col-product hr:nth-last-child(3),
.search .col-product h4:nth-last-child(2),
.search .col-product .row:nth-last-child(1) {
	display: none;
}

.row-cacvitrikhac .flickity-page-dots .dot {
	border: 3px solid var(--theme-color2);
}

.row-cacvitrikhac .flickity-page-dots .dot.is-selected {
	background-color: var(--theme-color2);
	opacity: 1 !important;
}

@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;
	}
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
	.header-main #logo img.header-logo {
		position: relative;
		top: 0;
		height: 50px;
	}

	.header.has-sticky .stuck .header-main #logo img.header-logo {
		top: 0;
		height: 50px;
	}

	.title-section h2,
	.title-section h1 {
		font-size: var(--size-28);
		font-family: var(--bold);
		letter-spacing: 0;
	}

	.single-post .wrap-breadcrumb {
		margin-bottom: 30px;
	}

	.banner-detail-post img {
		min-height: 250px;
	}

	.box-sumenh.icon-box .icon-box-text h3 {
		font-size: var(--size-24);
	}

	.box-staff .box-image img {
		height: 400px;
	}

	.slick-slider-award .slick-nav.next-arrow {
		right: 0;
	}

	.slick-slider-award .slick-nav.prev-arrow {
		left: 0;
	}

	.form-tuyendung {
		padding: 25px 10px;
	}

	.form-tuyendung input {
		margin-bottom: 25px;
	}

	.main-single-rec {
		padding-top: 40px;
	}

	.title-relate-rec {
		font-size: var(--size-28);
	}

	.archive .shop-page-title .category-filtering {
		position: fixed;
		right: 0;
		z-index: 9;
		top: 30%;
		background-color: var(--theme-color);
		color: var(--white);
		padding: 10px;
		border-radius: 6px 0 0 6px;
		font-size: 18px;
		display: flex;
	}

	.archive .shop-page-title .category-filtering a {
		color: #fff;
		margin-top: 0;
	}

	.archive .shop-page-title .category-filtering li.chosen a {
		color: #000;
	}

	.shop-page-title .page-title-inner {
		min-height: unset;
		padding: 8px 15px;
	}

	.shop-page-title .page-title-inner .rank-math-breadcrumb {
		text-align: left;
	}

	.shop-page-title {
		margin-bottom: 30px;
	}

	.product-small .col-inner .box-text-products .price-wrapper .price {
		flex-direction: column-reverse;
		align-items: flex-start;
		justify-content: flex-start;
	}

	.single-product .product .product-main {
		padding-top: 0 !important;
	}

	.single-product #wrapper {
		background-color: #f4f4f4;
	}

	.single-product
		.shop-page-title
		.page-title-inner
		.flex-col.medium-text-center:nth-child(2) {
		display: none;
	}

	.slider-big-product .img-big iframe {
		width: 100%;
	}

	.product-info.product-summary {
		margin-top: 30px;
	}

	.product-summary .product-title {
		font-size: var(--size-30);
	}

	.content-single-product .title-box {
		font-size: var(--size-28);
		margin-bottom: 30px;
	}

	.content-single-product {
		padding: 30px;
	}

	.product-section-title-related {
		font-size: var(--size-28);
	}

	.related-products-wrapper {
		padding: 30px;
		margin-bottom: 30px;
	}

	.slider-banner .banner-img {
		padding-top: 40%;
	}

	.box-content-banner h2 {
		font-size: var(--size-30);
	}

	.slider-banner .item-slide {
		position: relative;
		height: 300px;
	}

	.box-content-banner a {
		font-size: 14px;
		padding: 2px 20px;
	}

	.slider-banner .slick-dots {
		bottom: 20px;
	}

	.section-intro-home {
		padding-top: 30px;
	}

	.stack-logo-san .ux-logo img {
		width: auto;
		object-fit: contain;
	}

	.product-small .col-inner .box-image img {
		height: 224px;
		object-fit: contain;
	}

	.title-quote br {
		display: none;
	}

	.rank-math-breadcrumb > p {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		margin-bottom: 10px;
	}

	.form-tuyendung .wpcf7-not-valid-tip {
		left: 0 !important;
		bottom: 4px !important;
		font-size: 10px !important;
	}

	.related-products-wrapper .product-small .col-inner .box-image img {
		height: 327px;
	}
}

/* end ipad */

@media only screen and (max-width: 480px) {
	nav.rank-math-breadcrumb > * {
		font-size: var(--size-14);
	}

	.header-main #logo img.header-logo {
		position: relative;
		top: 0;
		height: 50px;
		object-fit: contain;
	}

	.header.has-sticky .stuck .header-main #logo img.header-logo {
		top: 0;
		height: 50px;
	}

	.title-section h2,
	.title-section h1 {
		font-size: var(--size-28);
		font-family: var(--bold);
		letter-spacing: 0;
	}

	.footer-wrapper .pdl-20 .col-inner {
		padding-left: 0;
	}

	.col-right-contact.pdl-20 {
		padding-left: 0;
	}

	.box-img-contact-1 .img-inner {
		border-radius: 10px 160px 10px 150px;
	}

	.box-img-contact-2 .img-inner {
		border-radius: 160px 10px 150px 10px;
	}

	.banner-detail-post img {
		min-height: 200px;
		max-height: 200px;
	}

	.single-post .wrap-breadcrumb {
		margin-bottom: 30px;
	}

	.single-post .entry-title {
		font-size: var(--size-24);
	}

	.post-meta-single {
		justify-content: space-between;
		align-items: flex-start;
		gap: 5px;
	}

	.box-sidebar-detail-post .title-box-sidebar {
		margin-bottom: 0;
	}

	.box-sidebar-detail-post .list-tags {
		gap: 5px;
	}

	.category .blog-archive.page-wrapper .wrap-breadcrumb {
		margin-bottom: 40px;
	}

	.category h1.title-section {
		margin-bottom: 20px;
		font-size: var(--size-30);
	}

	.sub-title p {
		font-size: 1rem;
		margin-bottom: 10px;
	}

	.sec-banner-gioithieu .col-right .circel-exp {
		width: 120px;
		height: 120px;
		bottom: 2%;
	}

	.sec-banner-gioithieu .col-right .circel-exp span {
		font-size: var(--size-20);
	}

	.title-quote p {
		font-size: var(--size-20);
	}

	.box-sumenh.icon-box .icon-box-text h3 {
		font-size: var(--size-20);
	}

	.featured-box.box-sumenh {
		margin: 20px 0px;
	}

	.sec-nhamay {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}

	.form-tuyendung {
		padding: 25px;
	}

	.form-tuyendung input {
		margin-bottom: 25px;
	}

	.main-single-rec {
		padding-top: 40px;
	}

	.title-relate-rec {
		font-size: var(--size-24);
	}

	.content-single-rec,
	.relate-section {
		margin-top: 20px;
	}

	.main-archive-recruitment {
		padding-top: 40px;
	}

	.title-archive-recruitment {
		font-size: var(--size-30) !important;
	}

	.list-recruitment .blog-post-item .post-item:last-child {
		padding-bottom: 0;
	}

	.share-box-sidebar.social-mobile {
		margin-top: 40px;
	}

	.share-box-sidebar .list-social {
		justify-content: center;
	}

	.share-box-sidebar .list-social a {
		filter: brightness(1);
	}

	.archive .shop-page-title .category-filtering {
		position: fixed;
		right: 0;
		z-index: 9;
		top: 30%;
		background-color: var(--theme-color);
		color: var(--white);
		padding: 10px;
		border-radius: 6px 0 0 6px;
		font-size: 18px;
		display: flex;
	}

	.archive .shop-page-title .category-filtering a {
		color: #fff;
		margin-top: 0;
	}

	.archive .shop-page-title .category-filtering li.chosen a {
		color: #000;
	}

	.shop-page-title .page-title-inner {
		min-height: unset;
		padding: 8px 15px;
	}

	.shop-page-title .page-title-inner .rank-math-breadcrumb {
		text-align: left;
	}

	.shop-page-title {
		margin-bottom: 10px;
	}

	/* .product-small .col-inner .box-text-products .price-wrapper .price {
		flex-direction: column-reverse;
		align-items: flex-start;
		justify-content: flex-start;
	} */
	.title-shop .shop-page-title-custom {
		font-size: var(--size-24);
	}

	.off-canvas-left .mfp-content {
		max-width: 80% !important;
	}

	.single-product .product .product-main {
		padding-top: 0 !important;
	}

	.wrap-header-product {
		padding: 10px;
	}

	.single-product #wrapper {
		background-color: #f4f4f4;
	}

	.single-product
		.shop-page-title
		.page-title-inner
		.flex-col.medium-text-center:nth-child(2) {
		display: none;
	}

	.slider-big-product .img-big iframe {
		width: 100%;
	}

	.product-info.product-summary {
		margin-top: 30px;
	}

	.product-summary .product-title {
		font-size: var(--size-24) !important;
	}

	.content-single-product .title-box {
		font-size: var(--size-24);
		margin-bottom: 30px;
	}

	.product-summary .price-wrapper .product-page-price ins .amount,
	.product-page-price > .amount {
		font-size: var(--size-24);
	}

	.product-summary .price-wrapper .product-page-price del .amount {
		font-size: var(--size-20);
	}

	.product-info .woocommerce-variation-add-to-cart {
		flex-direction: column;
		align-items: flex-start !important;
	}

	.content-single-product {
		padding: 25px 10px 10px 10px;
	}

	.wrap-btn-readmore-single button span {
		font-size: var(--size-20);
	}

	.wrap-btn-readmore-single button i {
		font-size: var(--size-20);
	}

	.product-section-title-related {
		font-size: var(--size-24);
	}

	.related-products-wrapper {
		padding: 20px 10px 30px 10px;
		margin-bottom: 30px;
	}

	.related-products-wrapper .flickity-button {
		min-width: 40px !important;
	}

	.list-shortcut-desktop {
		bottom: 20% !important;
	}

	.slider-big-product .img-big img,
	.slider-big-product .img-big iframe {
		height: 370px;
	}

	.slider-banner .banner-img {
		padding-top: 77%;
	}

	.box-content-banner h2 {
		font-size: var(--size-30);
	}

	.slider-banner .item-slide {
		position: relative;
		height: 300px;
	}

	.box-content-banner a {
		font-size: 12px;
		padding: 2px 20px;
	}

	.slider-banner .slick-dots {
		bottom: 20px;
	}

	.section-intro-home {
		padding-top: 30px !important;
	}

	.stack-logo-san .ux-logo img {
		width: auto;
		object-fit: contain;
	}

	.button.btn-readmore {
		font-size: 14px !important;
	}

	.section-intro-home .row-bottom-intro {
		padding-top: 50px;
	}

	.box-item-number-index {
		border-radius: 20px;
		padding: 25px 10px;
	}

	.box-item-number-index .number {
		font-size: var(--size-24);
	}

	.sec-sanpham-tieubieu {
		padding-top: 50px !important;
	}

	.row-san-tmdt-index {
		padding-top: 20px;
		border-radius: 30px;
	}

	.product--content-tab .product-small.col,
	.products .product-small.col {
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 10px;
	}

	.wrap-readmore-cat-index {
		margin-top: 20px;
	}

	.header-search-form {
		padding: 20px 20px !important;
	}

	.ux-search-box input.search-field {
		font-size: 12px;
	}

	.product-small .col-inner .box-image img {
		height: 183px;
		object-fit: contain;
	}

	.related-products-wrapper .product-small .col-inner .box-image img {
		height: 159px;
	}

	.archive .shop-page-title {
		margin-bottom: 10px;
	}

	.archive .shop-container {
		background-color: transparent;
		padding: 0px 0px 40px;
	}

	.product-small .col-inner .box-text-products {
		padding: 10px;
	}

	.product-small .col-inner .box-text-products .price-wrapper {
		display: flex;
		align-items: center;
	}

	.product-small
		.col-inner
		.box-text-products
		.price-wrapper
		.price
		> .amount,
	.product-small
		.col-inner
		.box-text-products
		.price-wrapper
		.price
		ins
		.amount {
		font-size: 1rem;
	}

	.product-small
		.col-inner
		.box-text-products
		.price-wrapper
		.price
		del
		.amount {
		font-size: 14px;
	}

	.slider-product-by-cat.slick-navigation-square .slick-dots li {
		width: 25px;
	}

	.product-small .noti-out-of-stock {
		font-size: 1rem;
	}

	.title-box-sidebar {
		text-align: center;
	}

	.form-tuyendung .wpcf7-not-valid-tip {
		bottom: 6px !important;
	}

	.mobile-sidebar ul.nav-sidebar > li > ul > li > ul.sub-menu {
		display: none;
	}

	.mobile-sidebar ul.nav-sidebar > li > ul > li.menu-item-has-children {
		position: relative;
	}

	.section-intro-home .col-right-video .box-image-leaf img {
		min-height: 300px;
		object-fit: cover;
	}

	.mobile-sidebar
		ul.nav-sidebar
		> li
		> ul
		> li.menu-item-has-children
		.toggle-custom {
		position: absolute;
		right: 5px;
		top: 4px;
		color: gray;
		width: 45px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.tab-product-index ul.nav {
		flex-wrap: nowrap;
		justify-content: flex-start;
		display: -webkit-box;
		overflow: hidden;
		overflow-x: scroll;
		white-space: nowrap;
		padding-bottom: 10px;
		margin-left: 20px;
		margin-right: 20px;
	}

	.tab-product-index ul.nav li {
		width: 37%;
	}

	.tab-product-index ul.nav li a {
		min-width: unset;
		max-width: 100%;
		width: 100%;
		padding: 5px 8px;
	}

	.slider-product-by-cat .slick-item {
		padding: 0px 5px;
	}

	.list-shortcut-desktop {
		left: unset !important;
		right: 10px !important;
	}

	.title-footer.mt {
		margin-top: 0;
	}

	.title-footer p {
		font-size: 1.2rem;
	}

	.mb-40-mobile {
		margin-bottom: 40px;
	}

	.post-meta-single > div {
		font-size: 14px;
	}

	.btn-group-single button.button {
		width: calc(50% - 12px);
		padding: 15px 5px;
		font-size: 12px;
	}

	.archive .shop-page-title .category-filtering strong {
		display: none;
	}

	.sortbycate {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		position: relative;
		margin-bottom: 40px;
	}

	.sortbycate .titlesort {
		background: #fff;
		padding: 5px 15px;
		border-radius: 30px;
	}

	.sortbycate .titlesort span {
		margin-right: 10px;
	}

	.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: 150px;
		opacity: 0;
		visibility: hidden;
	}

	.sortbycate.active .order-list {
		opacity: 1;
		visibility: visible;
	}

	.sortbycate .order-list li {
		width: 100%;
		margin-bottom: 0;
	}

	.sortbycate .order-list a {
		width: 100%;
		display: block;
		margin: 0;
		padding: 0 !important;
		background: transparent !important;
		color: #000;
	}

	.sortbycate .order-list li a:hover,
	.sortbycate .order-list li.active a {
		color: var(--theme-color2);
	}

	.title-sort-mobile {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		padding: 0px 10px;
	}

	.title-sort-mobile h1 {
		margin-bottom: 0;
	}

	.title-sort-mobile .sortbycate {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		position: relative;
		margin-bottom: 40px;
		min-width: 170px;
	}

	.title-shop .shop-page-title-custom {
		text-align: left;
		padding-right: 5px;
		width: calc(100% - 170px);
	}
}