/*================= COMPONENT ====================*/
@media screen and (min-width: 1200px) {
	.container {
		max-width: 1175px;
	}
}

@media screen and (min-width: 1400px) {
	.container {
		max-width: 1320px;
	}
}

@media screen and (min-width: 1600px) {
	.container {
		max-width: 1395px;
	}
}

.button-theme {
	position: relative;
	display: inline-block;
	font-size: calc(var(--size-lg) + 1px);
	background-color: var(--primary-color);
	color: var(--bs-white);
	font-weight: 600;
	border-radius: 10px;
	text-align: center;
	cursor: pointer;
	padding: var(--spacing) calc(var(--spacing) + 10px) calc(var(--spacing) + 1px);
	vertical-align: top;
	border: 0;
}

.button-theme:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(var(--bs-white-rgb), 0.1);
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top;
}

.button-theme:hover {
	color: var(--bs-white);
}

.button-theme:hover:before {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
}

.button-theme_outline {
	position: relative;
	display: inline-block;
	font-size: calc(var(--size-lg) + 1px);
	border: 1px solid var(--primary-color);
	background-color: transparent;
	color: var(--bs-white);
	font-weight: 600;
	border-radius: 10px;
	text-align: center;
	cursor: pointer;
	padding: var(--spacing) calc(var(--spacing) + 10px) calc(var(--spacing) + 1px);
	vertical-align: top;
}

.button-theme_outline:hover {
	color: var(--bs-white);
	background-color: var(--primary-color);
}

.btn-cancel {
	order: 1;
}

.btn-confirm {
	order: 2;
}

.button-theme_sm {
	font-size: calc(var(--size-md) + 1px);
	padding: calc(var(--spacing) - 3px) var(--spacing) calc(var(--spacing) - 2px);
	border-radius: 4px;
}

.btn-like_button {
	border: 0;
	font-weight: 600;
	font-size: calc(var(--size-md) + 1px);
	padding: calc(var(--spacing) - 3px) var(--spacing) calc(var(--spacing) - 2px);
	border-radius: 4px;
}

.button-slider {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	-webkit-box-shadow: 0 3px 40px 0 #dbe0e8;
	box-shadow: 0 3px 40px 0 #dbe0e8;
	background-color: var(--bs-white);
	text-align: center;
	cursor: pointer;
	color: #2f3b48;
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
	font-size: var(--size-xxl);
}

.button-slider + .button-slider {
	margin-left: 10px;
}

.button-slider:not(.swiper-button-disabled):hover {
	color: var(--primary-color);
	-webkit-box-shadow: 0 2px 20px 0 #b2b2b2;
	box-shadow: 0 2px 20px 0 #b2b2b2;
}

.button-slider.swiper-button-disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.button-pagination {
	position: static;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	padding-top: var(--spacing);
}

.button-pagination {
	position: static;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	padding-top: calc(2 * var(--spacing));
}

.button-pagination .swiper-pagination-bullet {
	width: 0.5rem;
	height: 1rem;
	border-radius: 50%;
	background-color: var(--gray-400);
	margin: 0 0.25rem;
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
	-webkit-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transform: scaleY(0.5);
	-ms-transform: scaleY(0.5);
	transform: scaleY(0.5);
	opacity: 1;
}

.button-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	border-radius: 5px;
	/* -webkit-transform: scaleY(1); */
	/* -ms-transform: scaleY(1); */
	/* transform: scaleY(1); */
	background-color: var(--primary-color);
	width: 1.6rem;
}

.section-gap {
	padding-top: calc(35px + var(--spacing));
	padding-bottom: calc(35px + var(--spacing));
}

.section-heading {
	margin-bottom: calc(35px + var(--spacing));
}

.section-heading .title {
	color: var(--gray-900);
	font-weight: 900;
	font-size: calc(3 * var(--size-md));
	line-height: calc(4 * var(--size-md));
}

.section-heading .title span {
	color: var(--primary-color);
}

.section-heading .title + .desc {
	margin-top: var(--spacing);
}

.section-heading .desc {
	color: var(--gray-900);
	font-size: var(--size-lg);
	line-height: calc(1.5 * var(--size-md));
}

.section-heading .tabs {
	margin-left: auto;
	padding-left: calc(var(--spacing) * 1.5);
}

.section-heading .tabs .nav-item + .nav-item {
	margin-left: calc(var(--spacing) - 5px);
}

.section-heading .tabs .nav-item .nav-link {
	padding: 0 calc(var(--spacing) * 2.25);
	height: 64px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	border-radius: 10px;
	color: var(--bg-primary);
	background-color: var(--bs-white);
	border: 1px solid transparent;
	text-align: center;
	font-weight: 700;
	font-size: var(--size-lg);
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
	white-space: nowrap;
}

.section-heading .tabs .nav-item .nav-link > span {
	font-weight: 300;
	font-size: var(--size-md);
	color: var(--gray-500);
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
}

.section-heading .tabs .nav-item .nav-link:hover,
.section-heading .tabs .nav-item .nav-link.active {
	background-color: var(--primary-light);
	color: var(--primary-color);
	border-color: var(--primary-color);
}

.section-heading .tabs .nav-item .nav-link:hover > span,
.section-heading .tabs .nav-item .nav-link.active > span {
	color: var(--primary-color);
}

.section-heading.section-heading_nowrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal !important;
	-webkit-box-direction: normal !important;
	-ms-flex-direction: row !important;
	flex-direction: row !important;
}

.section-heading.section-heading_nowrap .title {
	padding-right: 45px;
}

.section-heading.section-heading_nowrap .button {
	display: none;
}

.section-heading.section-heading_nowrap .button button {
	padding: 0;
	background-color: var(--bs-light);
	border: 1px solid var(--gray-200);
	height: 35px;
	width: 35px;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: var(--size-lg);
	color: var(--primary-color);
}

.section-heading_icon {
	position: relative;
	margin-bottom: calc(50px + var(--spacing));
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.section-heading_icon .image {
	margin-bottom: calc(2 * var(--spacing));
	z-index: 2;
}

.section-heading_icon .image img {
	height: auto;
	max-width: 100%;
}

.section-heading_icon .title {
	color: var(--gray-900);
	font-weight: 900;
	font-size: calc(3 * var(--size-md));
	line-height: calc(4 * var(--size-md));
	z-index: 2;
}

.section-heading_icon .decor {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: var(--gray-100);
	background-clip: inherit;
	background-color: inherit;
	-webkit-text-fill-color: var(--gray-100);
	font-weight: 900;
	font-size: calc(5 * var(--size-md));
	opacity: 0.7;
	z-index: 1;
	width: 100%;
	text-align: center;
}

.section-heading_decor {
	margin-bottom: calc(2.5 * var(--spacing));
	padding-bottom: calc(var(--spacing) - 7px);
	border-bottom: 3px solid var(--gray-900);
}

.section-heading_decor .title {
	color: var(--gray-900);
	font-weight: 700;
	font-size: calc(2 * var(--size-md));
	line-height: calc(2.4 * var(--size-md));
}

@media screen and (min-width: 991px) and (max-width: 1349px) {
	.section-gap {
		padding-top: calc(2 * var(--spacing));
		padding-bottom: calc(2 * var(--spacing));
	}

	.section-heading {
		margin-bottom: calc(20px + var(--spacing));
	}

	.section-heading .title {
		font-size: calc(2 * var(--size-md));
		line-height: calc(2.35 * var(--size-md));
	}

	.section-heading_decor {
		margin-bottom: calc(1.75 * var(--spacing));
	}

	.section-heading_decor .title {
		font-size: calc(1.75 * var(--size-md));
		line-height: calc(2.1 * var(--size-md));
	}

	.section-heading_icon {
		text-align: center;
		margin-bottom: calc(var(--spacing) * 2);
	}

	.section-heading_icon .image {
		margin-bottom: calc(var(--spacing) - 10px);
	}

	.section-heading_icon .title {
		font-size: calc(2 * var(--size-md));
		line-height: calc(2.35 * var(--size-md));
	}

	.section-heading_icon .decor {
		font-size: calc(2.8 * var(--size-md));
		white-space: nowrap;
	}
}

@media screen and (max-width: 991px) {
	.section-gap {
		padding-top: calc(2 * var(--spacing));
		padding-bottom: calc(2 * var(--spacing));
	}

	.section-heading {
		margin-bottom: calc(10px + var(--spacing));
	}

	.section-heading .title {
		font-size: calc(2 * var(--size-md));
		line-height: calc(2.35 * var(--size-md));
	}

	.section-heading .desc {
		font-size: calc(var(--size-md) + 1px);
	}

	.section-heading_decor {
		margin-bottom: calc(1.5 * var(--spacing));
	}

	.section-heading_decor .title {
		font-size: calc(1.5 * var(--size-md));
		line-height: calc(1.8 * var(--size-md));
	}

	.section-heading.section-heading_nowrap .button {
		display: block;
	}

	.section-heading_icon {
		text-align: center;
		margin-bottom: calc(var(--spacing) * 2);
	}

	.section-heading_icon .image {
		margin-bottom: calc(var(--spacing) - 10px);
	}

	.section-heading_icon .title {
		font-size: calc(2 * var(--size-md));
		line-height: calc(2.35 * var(--size-md));
	}

	.section-heading_icon .decor {
		font-size: calc(2.8 * var(--size-md));
		white-space: nowrap;
	}
}

/*================= HEADER ====================*/
.header {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
	background: var(--primary-color) url('../../../../public/upload/theme/bg-banner.png') center center/cover no-repeat;
	width: 100%;
}

.header.header-black {
	position: relative;
	background-color: var(--accent-color);
}

.header .header-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
}

.header .header-wrapper .header-navigation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
}

.header .header-wrapper .header-navigation .header-navigation_body > ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	padding-left: 0;
	list-style-type: none;
	margin-bottom: 0;
	position: relative;
}

.header .header-wrapper .header-navigation .header-navigation_body > ul > li {
	position: relative;
}

.header .header-wrapper .header-navigation .header-navigation_body > ul > li > a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: var(--bs-white);
	font-size: var(--size-lg);
	font-weight: 700;
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
	padding: 30px 0;
	gap: 8px;
}

.header .header-wrapper .header-navigation .header-navigation_body > ul > li > a > i {
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
}

.header .header-wrapper .header-navigation .header-navigation_body > ul > li > ul {
	position: absolute;
	top: 100%;
	left: -20px;
	border-radius: 10px;
	background-color: var(--bs-white);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-bottom: 0;
	list-style-type: none;
	padding: 10px 0;
	border: 1px solid #e9eaee;
	-webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
	box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
	min-width: 250px;
	-webkit-transform: translate3d(0, 15px, 0);
	transform: translate3d(0, 15px, 0);
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
}

.header .header-wrapper .header-navigation .header-navigation_body > ul > li > ul:before {
	content: "";
	position: absolute;
	left: 31px;
	top: -8px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 8px;
	border-color: transparent transparent var(--bs-white) transparent;
	z-index: 3;
}

.header .header-wrapper .header-navigation .header-navigation_body > ul > li > ul:after {
	content: "";
	position: absolute;
	left: 30px;
	top: -9px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 9px 9px;
	border-color: var(--primary-color) transparent #e9eaee transparent;
	z-index: 2;
}

.header .header-wrapper .header-navigation .header-navigation_body > ul > li > ul > li {
	position: relative;
}

.header .header-wrapper .header-navigation .header-navigation_body > ul > li > ul > li > a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	color: var(--gray-900);
	font-size: var(--size-lg);
	font-weight: 600;
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
	padding: calc(var(--spacing) - 5px) calc(var(--spacing) + 5px);
	width: 100%;
}

.header .header-wrapper .header-navigation .header-navigation_body > ul > li > ul > li + li {
	border-top: 1px solid var(--primary-light);
}

.header .header-wrapper .header-navigation .header-navigation_body > ul > li > ul > li > ul {
	position: absolute;
	top: 0;
	left: 100%;
	border-radius: 10px;
	background-color: var(--bs-white);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-bottom: 0;
	list-style-type: none;
	padding: 10px 0;
	border: 1px solid #e9eaee;
	-webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
	box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
	min-width: 250px;
	-webkit-transform: translate3d(0, 15px, 0);
	transform: translate3d(0, 15px, 0);
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
}

.header .header-wrapper .header-navigation .header-navigation_body > ul > li > ul > li:first-child > ul {
	top: -11px;
}

.header .header-wrapper .header-navigation .header-navigation_body > ul > li > ul > li > ul > li > a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	color: var(--gray-900);
	font-size: var(--size-lg);
	font-weight: 600;
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
	padding: calc(var(--spacing) - 5px) calc(var(--spacing) + 5px);
	width: 100%;
}

.header .header-wrapper .header-navigation .header-navigation_body > ul > li > ul > li > ul > li + li {
	border-top: 1px solid var(--primary-light);
}

@media screen and (min-width: 1024px) {
	.header .header-wrapper .header-navigation .header-navigation_body > ul > li:hover > a > i {
		transform: rotate(180deg);
	}

	.header .header-wrapper .header-navigation .header-navigation_body > ul > li > ul > li:hover > a,
	.header .header-wrapper .header-navigation .header-navigation_body > ul > li > ul > li > ul > li:hover > a {
		color: var(--primary-color);
		background: var(--primary-light);
	}

	.header .header-wrapper .header-navigation .header-navigation_body > ul > li:hover > ul, .header .header-wrapper .header-navigation .header-navigation_body > ul > li > ul > li:hover > ul {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.header .header-wrapper .header-navigation .header-navigation_decor {
	height: 3px;
	background-color: var(--bs-white);
	position: absolute;
	left: 0;
	top: -2px;
	z-index: 10;
	-webkit-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	transition: all ease 0.5s;
	border-radius: 20px;
}

.header .header-user {
	margin-left: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.header .header-user .header-user_item {
	position: relative;
}

.header .header-user .header-user_item .header-user_item--button {
	font-size: calc(var(--size-md) + 1px);
	color: var(--bs-white);
	font-weight: 500;
	position: relative;
}

.header .header-user .header-user_item.header-user_item_tablet .header-user_item--dropdown, .header .header-user .header-user_item.header-user_item_tablet .header-user_item--list {
	display: none;
}

.header .header-user .header-user_item .header-user_item--button > i {
	font-size: var(--size-lg);
}

.header .header-user .header-user_item .header-user_item--button:hover {
	color: var(--primary-color);
}

.header .header-user .header-user_item .header-user_item--button + .header-user_item--button {
	margin-left: calc(3 * var(--spacing));
}

.header .header-user .header-user_item .header-user_item--button + .header-user_item--button:before {
	position: absolute;
	left: calc(-1.5 * var(--spacing) - 1px);
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 16px;
	width: 1px;
	background-color: var(--bs-white);
	display: block;
	content: "";
}

.header .header-user .header-user_item.is-login {
	height: 70px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.header .header-user .header-user_item.is-login .header-user_item--button {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.header .header-user .header-user_item > .header-user_item--list {
	position: absolute;
	top: 100%;
	right: -20px;
	border-radius: 10px;
	background-color: var(--bs-white);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-bottom: 0;
	list-style-type: none;
	padding: 10px 0;
	border: 1px solid #e9eaee;
	-webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
	box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
	min-width: 200px;
	-webkit-transform: translate3d(0, 15px, 0);
	transform: translate3d(0, 15px, 0);
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
}

.header .header-user .header-user_item > .header-user_item--list:before {
	content: "";
	position: absolute;
	right: 51px;
	top: -8px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 8px;
	border-color: transparent transparent var(--bs-white) transparent;
	z-index: 3;
}

.header .header-user .header-user_item > .header-user_item--list:after {
	content: "";
	position: absolute;
	right: 51px;
	top: -9px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 9px 9px;
	border-color: var(--primary-color) transparent #e9eaee transparent;
	z-index: 2;
}

.header .header-user .header-user_item > .header-user_item--list > li > a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	color: var(--gray-900);
	font-size: calc(var(--size-lg) - 1px);
	font-weight: 600;
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
	padding: calc(var(--spacing) - 5px) calc(var(--spacing) + 5px);
	width: 100%;
}

.header .header-user .header-user_item > .header-user_item--list > li > a:hover {
	color: var(--primary-color);
}

.header .header-user .header-user_item > .header-user_item--list > li + li {
	border-top: 1px solid #e9eaee;
}

.header .header-user .header-user_item:hover > .header-user_item--list {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.header .header-user .header-user_button {
	margin-left: calc(2 * var(--spacing));
}

.header .header-user .header-user_button .button-theme {
	border-radius: 4px;
	font-size: calc(var(--size-md) + 1px);
	padding: calc(var(--spacing) - 3px) var(--spacing) calc(var(--spacing) - 2px);
}

.header.is-scroll {
	position: fixed;
	-webkit-animation: header-is-scroll 0.5s;
	animation: header-is-scroll 0.5s;
	-webkit-box-shadow: 0 2px 7px 0 rgb(196 196 196 / 34%);
	box-shadow: 0 2px 7px 0 rgb(196 196 196 / 34%);
	z-index: 100;
}

.header.is-scroll .header-wrapper {
	padding-top: 0;
	padding-bottom: 0;
}

.header.is-scroll .header-wrapper .header-logo {
	display: none;
}

.header.is-scroll .header-wrapper .header-logo_sticky {
	display: block;
}

/*.header.is-scroll .header-wrapper .header-navigation .header-navigation_body > ul > li > a {*/
/*    color: var(--gray-900);*/
/*}*/
.header.is-scroll .header-wrapper .header-navigation .header-navigation_body > ul > li > a:hover, .header.is-scroll .header-user .header-user_button .button-theme_outline, .header.is-scroll .header-user .header-user_item .header-user_item--button:hover {
	/* color: var(--primary-color); */
	color: var(--gray-200);
}

.header.is-scroll .header-user .header-user_button .button-theme_outline:hover {
	color: var(--bs-white);
}

/*.header.is-scroll .header-user .header-user_item .header-user_item--button {*/
/*    color: var(--gray-900);*/
/*}*/

.header.is-scroll .header-wrapper .header-navigation .header-navigation_decor {
	display: none;
}

.header-hamburger {
	display: none;
}

@-webkit-keyframes header-is-scroll {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes header-is-scroll {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@media screen and (min-width: 1200px) and (max-width: 1660px) {
	.header .header-wrapper {
		padding-left: 0;
		padding-right: 0;
	}

	.header .header-user .header-user_button {
		margin-left: var(--spacing);
	}

	.header .header-user .header-user_item.header-user_item_tablet .header-user_item--button {
		display: none;
	}

	.header .header-user .header-user_item.header-user_item_tablet .header-user_item--dropdown, .header .header-user .header-user_item.header-user_item_tablet .header-user_item--list {
		display: block;
	}

	.header .header-user .header-user_item.header-user_item_tablet .header-user_item--dropdown, .header .header-user .header-user_item.is-login .header-user_item--button {
		margin-left: 0 !important;
		width: 30px;
		height: 40px;
		text-align: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.header .header-user .header-user_item.is-login .header-user_item--button {
		width: max-content;
	}

	.header .header-user .header-user_item.is-login .header-user_item--button > i {
		margin-right: 0.25rem !important;
	}

	.header .header-user .header-user_item.header-user_item_tablet .header-user_item--dropdown > span {
		display: none;
	}

	.header .header-user .header-user_item > .header-user_item--list:before {
		right: 26px;
	}

	.header .header-user .header-user_item > .header-user_item--list:after {
		right: 25px;
	}

	.header .header-user .header-user_item > .header-user_item--list > li > a {
		font-size: var(--size-md);
	}

	/*  .header .header-user .header-user_item.is-login .header-user_item--button > span,
      .header .header-user .header-user_button .button-theme_outline > span {
          display: none;
      }
  */
	.header .header-user .header-user_button .button-theme_outline {
		padding: calc(var(--spacing) - 10px) calc(var(--spacing) - 5px) calc(var(--spacing) - 9px);
	}

	.header .header-user .header-user_item .header-user_item--button > i,
	.header .header-user .header-user_button .button-theme_outline > i {
		margin-right: 0 !important;
	}

	.header .header-user .header-user_item .header-user_item--button + .header-user_item--button:before {
		display: none;
	}

	.header .header-user .header-user_item.is-login {
		height: auto;
	}

	.header .header-wrapper .header-logo {
		margin-right: calc(var(--spacing) * 1.5);
	}

	.header .header-wrapper .header-logo img {
		height: 29px;
		max-height: 29px;
		width: auto;
	}

	.header .header-wrapper .header-navigation .header-navigation_body > ul > li > a {
		font-size: var(--size-lg);
		white-space: nowrap;
	}

	.header .header-wrapper .header-navigation .header-navigation_body > ul > li + li {
		margin-left: var(--spacing);
	}

	.header .header-wrapper .header-navigation .header-navigation_body > ul > li > ul, .header .header-wrapper .header-navigation .header-navigation_body > ul > li > ul > li > ul {
		min-width: 220px;
	}

	.header .header-wrapper .header-navigation .header-navigation_body > ul > li > ul > li > a, .header .header-wrapper .header-navigation .header-navigation_body > ul > li > ul > li > ul > li > a {
		font-size: calc(var(--size-md) + 1px);
	}

	.header .header-wrapper .header-navigation .header-navigation_body > ul > li > a > i {
		margin-left: calc(var(--spacing) - 5px);
	}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.header .header-wrapper {
		padding-left: 0;
		padding-right: 0;
		position: relative;
	}

	.header .header-user .header-user_button {
		margin-left: var(--spacing);
	}

	.header .header-user .header-user_item.header-user_item_tablet .header-user_item--button {
		display: none;
	}

	.header .header-user .header-user_item.header-user_item_tablet .header-user_item--dropdown, .header .header-user .header-user_item.header-user_item_tablet .header-user_item--list {
		display: block;
	}

	.header .header-user .header-user_item.header-user_item_tablet .header-user_item--dropdown, .header .header-user .header-user_item.is-login .header-user_item--button {
		margin-left: 0 !important;
		width: 30px;
		height: 40px;
		text-align: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.header .header-user .header-user_item.header-user_item_tablet .header-user_item--dropdown > span {
		display: none;
	}

	.header .header-user .header-user_item > .header-user_item--list:before {
		right: 26px;
	}

	.header .header-user .header-user_item > .header-user_item--list:after {
		right: 25px;
	}

	.header .header-user .header-user_item > .header-user_item--list > li > a {
		font-size: var(--size-md);
	}

	.header .header-user .header-user_item.is-login .header-user_item--button > span, .header .header-user .header-user_button .button-theme_outline > span {
		display: none;
	}

	.header .header-user .header-user_button .button-theme_outline {
		padding: calc(var(--spacing) - 10px) calc(var(--spacing) - 5px) calc(var(--spacing) - 9px);
	}

	.header .header-user .header-user_item .header-user_item--button > i,
	.header .header-user .header-user_button .button-theme_outline > i {
		margin-right: 0 !important;
	}

	.header .header-user .header-user_item .header-user_item--button + .header-user_item--button:before {
		display: none;
	}

	.header .header-user .header-user_item.is-login {
		height: auto;
	}

	.header .header-wrapper .header-logo {
		margin-right: calc(var(--spacing) * 1.5);
	}

	.header .header-wrapper .header-logo img {
		height: 29px;
		max-height: 29px;
		width: auto;
	}

	.header .header-wrapper .header-navigation .header-navigation_body > ul > li > a {
		font-size: calc(var(--size-md) + 1px);
		white-space: nowrap;
	}

	.header .header-wrapper .header-navigation .header-navigation_body > ul > li + li {
		margin-left: var(--spacing);
	}

	.header .header-wrapper .header-navigation .header-navigation_body > ul > li > ul, .header .header-wrapper .header-navigation .header-navigation_body > ul > li > ul > li > ul {
		min-width: 220px;
	}

	.header .header-wrapper .header-navigation .header-navigation_body > ul > li > ul > li > a, .header .header-wrapper .header-navigation .header-navigation_body > ul > li > ul > li > ul > li > a {
		font-size: var(--size-md);
	}

	.header .header-wrapper .header-navigation .header-navigation_body > ul > li > a > i {
		margin-left: calc(var(--spacing) - 8px);
	}
}

@media screen and (max-width: 991px) {
	.header .header-wrapper {
		padding: 0 5px;
		position: relative;
	}

	.header .header-wrapper .header-hamburger {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 50px;
		height: 50px;
	}

	.header .header-wrapper .header-hamburger svg {
		fill: var(--primary-color);
	}

	.header .header-wrapper .header-logo {
		margin-right: 0;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	.header .header-wrapper .header-navigation {
		position: fixed;
		top: 0;
		left: 0;
		-webkit-transition: visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
		opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
		-webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
		opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
		-webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
		-o-transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
		visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
		opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
		visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
		opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
		visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
		opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
		-webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
		background-color: var(--accent-color);
		-ms-touch-action: manipulation;
		touch-action: manipulation;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		overflow: hidden;
		height: 100%;
		max-width: 525px;
		width: 100%;
		z-index: 101;
		border-radius: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		padding: 0;
		border: 0;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		-webkit-transform: translate3d(-104%, 0, 0);
		transform: translate3d(-104%, 0, 0);
	}

	.header .header-wrapper .header-navigation .header-navigation_decor {
		display: none;
	}

	.header .header-wrapper .header-navigation .header-navigation_header {
		background-color: var(--secondary-hover);
		width: 100%;
		padding: var(--spacing);
		display: block !important;
	}

	.header
	.header-wrapper
	.header-navigation
	.header-navigation_header
	.button-theme {
		font-size: var(--size-md);
		padding: calc(var(--spacing) - 4px) var(--spacing) calc(var(--spacing) - 4px);
		border-radius: 4px;
	}

	.header
	.header-wrapper
	.header-navigation
	.header-navigation_header
	.header-navigation_header--close {
		width: 40px;
		height: 40px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-transition: -webkit-transform 0.3s ease-in-out;
		transition: -webkit-transform 0.3s ease-in-out;
		-o-transition: transform 0.3s ease-in-out;
		transition: transform 0.3s ease-in-out;
		transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
		border: 0;
		padding: 0;
		border-radius: 0;
		background: transparent;
		outline: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		color: var(--gray-100);
		opacity: 0.6;
		position: absolute;
		z-index: 100;
		right: 5px;
		top: 15px;
	}

	.header
	.header-wrapper
	.header-navigation
	.header-navigation_header
	.header-navigation_header--close:hover {
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
		opacity: 0.8;
	}

	.header
	.header-wrapper
	.header-navigation
	.header-navigation_header
	.header-navigation_header--close
	svg {
		-webkit-transition: stroke 0.3s ease-in-out 0.1s;
		-o-transition: stroke 0.3s ease-in-out 0.1s;
		transition: stroke 0.3s ease-in-out 0.1s;
		height: 28px;
		width: 28px;
	}

	.header .header-wrapper .header-navigation .header-navigation_body {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
		max-height: 100%;
		overflow-y: auto;
		position: relative;
	}

	.header .header-wrapper .header-navigation .header-navigation_body ul {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
		position: static;
	}

	.header .header-wrapper .header-navigation .header-navigation_body ul li {
		margin: 0 !important;
		width: 100%;
		position: static !important;
	}

	.header
	.header-wrapper
	.header-navigation
	.header-navigation_body
	ul
	li
	+ li {
		border-top: 1px solid var(--bg-primary-light) !important;
	}

	.header
	.header-wrapper
	.header-navigation
	.header-navigation_body
	ul
	li.navigation-sub_header
	> button {
		color: var(--bs-white) !important;
		width: 100% !important;
		height: auto !important;
		padding: var(--spacing) !important;
		font-size: var(--size-lg) !important;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		border: 0;
		background-color: transparent;
		font-weight: 900;
	}

	.header .header-wrapper .header-navigation .header-navigation_body ul li a {
		color: var(--bs-white) !important;
		width: 100% !important;
		height: auto !important;
		padding: var(--spacing) !important;
		font-size: var(--size-lg) !important;
		font-weight: 500 !important;
	}

	.header
	.header-wrapper
	.header-navigation
	.header-navigation_body
	ul
	li
	ul
	li
	a {
		font-size: calc(var(--size-md) + 1px) !important;
	}

	.header .header-wrapper .header-navigation .header-navigation_body ul li a i {
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		margin-left: auto;
		color: var(--primary-color);
		font-size: var(--size-xxl);
	}

	.header
	.header-wrapper
	.header-navigation
	.header-navigation_body
	ul
	li
	ul
	li
	a
	i {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	.header .header-wrapper .header-navigation .header-navigation_body ul li ul {
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
		-webkit-transform: translate3d(-104%, 0, 0) !important;
		transform: translate3d(-104%, 0, 0) !important;
		left: 0 !important;
		top: 0 !important;
		border-radius: 0 !important;
		width: 100% !important;
		min-width: 1px !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		z-index: 2 !important;
		border: 0 !important;
		padding: 0 !important;
		background-color: var(--bg-primary) !important;
		height: 100%;
	}

	.header
	.header-wrapper
	.header-navigation
	.header-navigation_body
	> ul
	> li
	> ul:before,
	.header
	.header-wrapper
	.header-navigation
	.header-navigation_body
	> ul
	> li
	> ul:after {
		display: none !important;
	}

	.header
	.header-wrapper
	.header-navigation
	.header-navigation_body
	> ul
	.navigation-sub_show
	> ul {
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
		-webkit-transform: translate3d(0, 0, 0) !important;
		transform: translate3d(0, 0, 0) !important;
	}

	.header
	.header-wrapper
	.header-navigation
	.header-navigation_body
	> ul
	> ul
	> ul {
		display: none !important;
	}

	.header .header-wrapper .header-navigation .header-navigation_footer {
		padding: calc(var(--spacing) * 2) var(--spacing);
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
		border-top: 1px solid var(--bg-primary-light);
	}

	.header
	.header-wrapper
	.header-navigation
	.header-navigation_footer
	.header-navigation_footer--phone
	> a {
		font-weight: 900;
		font-size: calc(2 * var(--size-md));
		line-height: calc(2.4 * var(--size-md));
		color: var(--primary-color);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.header
	.header-wrapper
	.header-navigation
	.header-navigation_footer
	.header-navigation_footer--phone
	> a
	> span {
		color: var(--bs-white);
		margin-right: 0.25rem;
	}

	.header
	.header-wrapper
	.header-navigation
	.header-navigation_footer
	.header-navigation_footer--phone
	> a
	> i {
		margin-right: 0.5rem;
	}

	.header
	.header-wrapper
	.header-navigation
	.header-navigation_footer
	.header-navigation_footer--mail {
		margin-top: calc(var(--spacing) - 5px);
	}

	.header
	.header-wrapper
	.header-navigation
	.header-navigation_footer
	.header-navigation_footer--mail
	> a {
		font-weight: 500;
		font-size: calc(1.1 * var(--size-md));
		line-height: calc(1.3 * var(--size-md));
		color: var(--gray-200);
	}


	.is-navigation .header .header-wrapper .header-navigation {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.header .header-wrapper .header-overlay {
		position: fixed;
		top: 0;
		left: 0;
		height: 100vh;
		width: 100vw;
		z-index: 10;
		visibility: hidden;
		pointer-events: none;
		opacity: 0;
		background: rgba(0, 0, 0, 0.7);
		-webkit-transition: var(--transition-default);
		-o-transition: var(--transition-default);
		transition: var(--transition-default);
	}

	.is-navigation .header .header-wrapper .header-overlay {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}

	.header .header-user {
		margin-left: auto;
	}

	.header .header-user .header-user_item.is-login {
		height: 60px;
	}

	.header .header-user .header-user_item.is-login .header-user_item--button {
		width: 50px;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}

	.header
	.header-user
	.header-user_item.is-login
	.header-user_item--button
	> i {
		font-size: var(--size-xl);
	}

	.header .header-user .header-user_item > .header-user_item--list {
		right: -10px;
	}

	.header .header-user .header-user_item > .header-user_item--list:before,
	.header .header-user .header-user_item > .header-user_item--list:after {
		right: 10px;
	}

	.header
	.header-user
	.header-user_item.is-login
	.header-user_item--button
	> span,
	.header .header-user .header-user_button .button-theme_outline > span {
		display: none;
	}

	.header .header-user .header-user_button .button-theme_outline {
		padding: calc(var(--spacing) - 10px) calc(var(--spacing) - 5px) calc(var(--spacing) - 9px);
	}

	.header .header-user .header-user_item .header-user_item--button > i,
	.header .header-user .header-user_button .button-theme_outline > i {
		margin-right: 0 !important;
	}

	.header .header-user .header-user_button {
		margin-left: var(--spacing);
	}

	/*.header .header-user .header-user_button,*/
	/*.header .header-user .header-user_item .header-user_item--button,*/
	.header
	.header-user
	.header-user_item:not(.is-login)
	.header-user_item--button,
	.header .header-user .header-user_item .header-user_item--button > span,
	.header .header-user .header-user_item .header-user_item--button:before {
		display: none !important;
	}

	.header
	.header-user
	.header-user_item
	.header-user_item--button.header-user_item--dropdown {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		margin-left: 0;
	}

	.header .header-user .header-user_item.header-user_item_tablet {
		height: 60px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.header
	.header-user
	.header-user_item
	.header-user_item--button.header-user_item--dropdown {
		width: 50px;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}

	.header .header-user .header-user_item .header-user_item--list {
		display: block !important;
	}

	.header
	.header-user
	.header-user_item
	.header-user_item--button.header-user_item--dropdown
	> i {
		font-size: var(--size-xl);
	}
}

/*================= BANNER ====================*/
.section-banner {
	padding: calc(18 * var(--spacing)) 0 calc(16 * var(--spacing));
	background-color: #fefefe;
	overflow: hidden;
}

.section-banner .section-banner_shape {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.section-banner .section-banner_shape__left {
	position: absolute;
	width: 481px;
	height: 448px;
	left: -221px;
	top: 360px;
	background: rgba(var(--primary-rgb), 0.35);
	filter: blur(150px);
	border-radius: 50%;
}

.section-banner .section-banner_shape__right {
	position: absolute;
	width: 481px;
	height: 448px;
	right: -125px;
	top: 448px;
	background: rgba(var(--primary-rgb), 0.15);
	filter: blur(150px);
	border-radius: 50%;
}

.section-banner .banner-inner .banner-inner_content {
	width: 50%;
	padding-right: calc(15px + var(--spacing));
}

.section-banner .banner-inner .banner-inner_content .banner-inner_title {
	font-size: calc(3.5 * var(--size-lg));
	line-height: calc(4 * var(--size-lg));
	color: var(--accent-color);
	font-weight: 900;
	white-space: nowrap;
}

.section-banner .banner-inner .banner-inner_content .banner-inner_text {
	-ms-flex-item-align: start;
	align-self: flex-start;
	text-align: left;
	color: var(--text-gray-bold);
	font-size: var(--size-xxl);
	line-height: calc(1.7 * var(--size-xxl));
	margin-top: calc(15px + var(--spacing));
}

.section-banner .banner-inner .banner-inner_content .banner-inner_button {
	margin-top: calc(60px + var(--spacing));
}

.banner-inner-text-link {
	padding-top: 15px;
}

.banner-inner-text-link .text-html-link {
	font-size: var(--size-xl);
}

.section-banner .banner-inner .banner-inner_content .banner-inner_button > a {
	position: relative;
	display: inline-block;
	font-size: calc(var(--size-lg) + 1px);
	border: 2px solid var(--primary-color);
	background-color: var(--primary-color);
	color: var(--bs-white);
	font-weight: 600;
	border-radius: 10px;
	text-align: center;
	cursor: pointer;
	padding: var(--spacing) calc(var(--spacing) + 20px) calc(var(--spacing) + 1px);
	vertical-align: top;
}

.section-banner .banner-inner .banner-inner_content .banner-inner_button .text-html-link {
	color: var(--primary-color);
	font-weight: 700;
	font-size: var(--size-xxxl);
	background-color: transparent;
	border: 0;
	padding-top: 15px;
}

.section-banner .banner-inner .banner-inner_content .banner-inner_button > a:hover {
	background-color: transparent;
	color: var(--primary-hover);
}

.section-banner .banner-inner .banner-inner_form {
	width: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.section-banner .banner-inner .banner-inner_form .form-inner {
	max-width: 525px;
	border-radius: 20px;
	width: 100%;
	position: relative;
}

.section-banner .banner-inner .banner-inner_form .form-inner .form-shadow {
	content: "";
	display: block;
	position: absolute;
	bottom: -9px;
	left: 0;
	background: rgba(var(--primary-rgb), 0.2);
	width: 100%;
	height: 26px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	opacity: 0.59;
}

.section-banner .banner-inner .banner-inner_form .form-inner .form-tab {
	border-radius: 20px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: var(--primary-light);
	position: relative;
	z-index: 2;
}

.section-banner .banner-inner .banner-inner_form .form-inner .form-tab .nav-tabs .nav-item .nav-link {
	background-color: transparent;
	padding: calc(1.35 * var(--spacing)) calc(1.75 * var(--spacing));
	font-size: var(--size-lg);
	font-weight: 700;
	display: block;
	position: relative;
	cursor: pointer;
	line-height: var(--size-lg);
	color: var(--gray-900);
	border: 0;
	margin-bottom: 0;
	border-radius: 0;
	border-bottom: 2px solid transparent;
}

.section-banner .banner-inner .banner-inner_form .form-inner .form-tab .nav-tabs .nav-item .nav-link.active {
	color: var(--primary-color);
	border-bottom-color: var(--primary-color);
}

.section-banner .banner-inner .banner-inner_form .form-inner .form-tab .nav-tabs .nav-item + .nav-item {
	border-left: 1px solid var(--gray-200);
}

.section-banner .banner-inner .banner-inner_form .form-inner .form-search {
	background-color: var(--bs-white);
	border-radius: 20px;
	box-shadow: 0 20px 30px #10182814;
}

.section-banner .banner-inner .banner-inner_form .form-inner .form-search .form-wrap {
	padding: 32px 35px 34px;
}

.section-banner .banner-inner .banner-inner_form .form-inner .form-wrap--border {
	border-top: 1px solid var(--gray-100);
	padding-top: 22px !important;
	padding-bottom: 24px !important;
}

.section-banner .banner-inner .banner-inner_form .form-inner .button-search {
	height: 100%;
}

.form-wrap .button-link {
	font-size: calc(1px + var(--size-md));
	color: var(--primary-color);
	font-weight: 700;
}

.form-wrap .button-link:hover {
	color: var(--primary-hover);
}

.section-banner .banner-bg {
	text-align: center;
	width: 100%;
	position: absolute;
	bottom: 0;
	z-index: 4;
	left: -50%;
}

.section-banner .banner-bg img {
	vertical-align: middle;
	display: inline-block;
	max-width: 767px;
}

@media screen and (max-width: 1599px) {
	.section-banner .banner-inner .banner-inner_content .banner-inner_title {
		font-size: calc(4.4 * var(--size-md));
		line-height: calc(5 * var(--size-md));
	}

	.section-banner .banner-bg img {
		width: 100%;
		max-width: 575px;
	}
}

@media screen and (max-width: 1349px) {
	.section-banner {
		padding: calc(10 * var(--spacing)) 0 calc(16 * var(--spacing));
	}

	.section-banner .banner-inner .banner-inner_content .banner-inner_title {
		font-size: calc(3.4 * var(--size-md));
		line-height: calc(4 * var(--size-md));
	}

	.section-banner .banner-inner .banner-inner_content .banner-inner_text {
		font-size: var(--size-xl);
		line-height: calc(1.5 * var(--size-xl));
		margin-top: var(--spacing);
	}

	.section-banner .banner-inner .banner-inner_content .banner-inner_button {
		margin-top: var(--spacing);
	}

	.section-banner .banner-inner .banner-inner_content .banner-inner_button > a {
		font-size: var(--size-lg);
		padding: calc(var(--spacing) - 3px) calc(var(--spacing) + 8px) calc(var(--spacing) - 2px);
	}

	.section-banner .banner-bg img {
		width: 100%;
		max-width: 575px;
	}
}

@media screen and (max-width: 991px) {
	.section-banner {
		padding: calc(8 * var(--spacing)) 0 calc(12 * var(--spacing));
	}

	.section-banner .banner-inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.section-banner .banner-inner .banner-inner_content {
		width: 100%;
		text-align: center;
		padding-right: 0;
	}

	.section-banner .banner-inner .banner-inner_content .banner-inner_title {
		font-size: calc(2.4 * var(--size-md));
		line-height: calc(2.7 * var(--size-md));
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		text-align: center;
	}

	.section-banner .banner-inner .banner-inner_content .banner-inner_text {
		max-width: 90%;
		text-align: center;
		font-size: var(--size-xl);
		line-height: calc(1.5 * var(--size-xl));
		margin: var(--spacing) auto 0;
	}

	.section-banner .banner-inner .banner-inner_form {
		width: 100%;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		max-width: 475px;
		margin: calc(2 * var(--spacing)) auto 0;
	}

	.section-banner .banner-bg img {
		width: 100%;
		max-width: 375px;
	}

	.section-banner
	.banner-inner
	.banner-inner_form
	.form-inner
	.form-search
	.form-wrap {
		padding: calc(var(--spacing) * 1.5);
	}
}

/*================= SEARCH ====================*/
.search-dropdown {
	position: relative;
}

.search-dropdown .dropdown-button {
	border-radius: 10px;
	-webkit-box-shadow: 1px 1px 0 0 rgb(196 196 196 / 24%);
	box-shadow: 1px 1px 0 0 rgb(196 196 196 / 24%);
	border: 1px solid #e7edf3;
	background: #fff;
	position: relative;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	white-space: normal;
	padding: 10px 35px 10px 20px;
	min-height: 51px;
	font-size: calc(1px + var(--size-md));
	color: #2f3b48;
	font-weight: 700;
	/*transition: var(--transition-default);*/
}

.search-dropdown .dropdown-button > span {
	max-width: 100%;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.search-dropdown .dropdown-button .dropdown-clear {
	font-size: var(--size-xl);
	color: #191a1a;
	position: absolute;
	top: 6px;
	right: 5px;
	display: none;
	padding: 0 0 3px;
	border: 0;
	background-color: transparent;
	width: 35px;
	height: 35px;
	fill: var(--primary-color);
}

.search-dropdown.is-value:not(.search-address) .dropdown-button .dropdown-clear {
	display: block;
}

.search-dropdown .dropdown-button:before {
	content: "\f107";
	font-weight: 500;
	font-family: "Font Awesome 5 Pro";
	font-size: var(--size-lg);
	color: #2f3b48;
	position: absolute;
	top: 15px;
	right: 15px;
	display: block;
}

.search-dropdown.is-value:not(.search-address) .dropdown-button:before {
	display: none;
}

.search-dropdown .dropdown-list {
	margin-bottom: 0;
	list-style-type: none;
	position: absolute;
	z-index: 1;
	top: calc(100% - 1px);
	left: 0;
	right: 0;
	width: 100%;
	overflow-y: auto;
	-webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 15%);
	box-shadow: 0 3px 6px 0 rgb(0 0 0 / 15%);
	border: 1px solid rgba(60, 60, 60, 0.26);
	border-top-style: none;
	border-radius: 0 0 4px 4px;
	background: var(--bs-white);
	padding: 25px 0 12px;
	margin-top: -13px !important;
	max-height: 350px !important;
	display: none;
}

.search-dropdown .dropdown-list .dropdown-list_item {
	padding: 10px 45px 11px 27px;
	font-size: calc(1px + var(--size-md));
	color: #2f3b48;
	font-weight: 500;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
}

.search-dropdown .dropdown-list .dropdown-list_item > span {
	position: absolute;
	right: 15px;
	top: 10px;
}

.search-dropdown .dropdown-list .dropdown-list_item:hover,
.search-dropdown .dropdown-list .dropdown-list_item.is-active {
	color: var(--primary-color);
}

.search-dropdown .dropdown-list .dropdown-list_item.is-active {
	background-color: var(--primary-light);
}

.search-dropdown .dropdown-list::-webkit-scrollbar {
	width: 4px;
}

.search-dropdown .dropdown-list::-webkit-scrollbar-track {
	background: transparent;
}

.search-dropdown .dropdown-list::-webkit-scrollbar-thumb {
	background: #d7d7d7;
	-webkit-transition: var(--transition-default);
	transition: var(--transition-default);
}

.search-dropdown .dropdown-list::-webkit-scrollbar-thumb:hover {
	background: #e5e5e5;
}

.button-search {
	position: relative;
	display: inline-block;
	font-size: calc(var(--size-lg) - 1px);
	background-color: var(--primary-color);
	border: 0;
	color: var(--bs-white);
	font-weight: 600;
	border-radius: 10px;
	text-align: center;
	cursor: pointer;
	padding: calc(var(--spacing) - 5px) calc(var(--spacing) + 10px) calc(var(--spacing) - 4px);
	vertical-align: top;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	width: 150px;
	overflow: hidden;
}

.button-search:before {
	content: "";
	background-color: rgba(255, 255, 255, 0.2);
	position: absolute;
	width: 100%;
	inset: 0;
	clip-path: circle(0% at 50% 50%);
	transition: all cubic-bezier(0, .96, .58, 1.1) 1s;
	z-index: -1;
}

.button-search:after {
	position: absolute;
	top: 1px;
	right: -50px;
	-webkit-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	width: 50px;
	content: "\f002";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	line-height: inherit;
	opacity: 0;
}

.button-search:hover {
	color: var(--bs-white);
	padding-left: 27.5px;
	padding-right: 50px;
}

.button-search:hover:before {
	clip-path: circle(100% at 50% 50%);
}

.button-search:hover:after {
	right: 4px;
	opacity: 1;
}

.search-dropdown.is-show .dropdown-button {
	border-color: var(--primary-color);
	z-index: 2;
}

.search-dropdown.is-show .dropdown-list {
	display: block;
}

.search-dropdown.is-value .dropdown-button {
	color: var(--primary-color);
	border-color: var(--primary-color);
}

/*================= INTRODUCTION ====================*/
.section-introduction {
	border-top: 1px solid var(--gray-200);
}

.section-introduction .introduction-bg {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 50%;
}

.section-introduction .introduction-content {
	margin-left: auto;
	padding: calc(4 * var(--spacing)) 0 calc(4 * var(--spacing)) calc(4 * var(--spacing));
	width: 50%;
}

.section-introduction .introduction-content .introduction-heading {
	margin-bottom: calc(5px + var(--spacing));
}

.section-introduction .introduction-content .introduction-sub {
	font-weight: 500;
	color: var(--gray-900);
	font-size: var(--size-xxl);
	margin-bottom: calc(5px + var(--spacing));
}

.section-introduction .introduction-content .introduction-desc {
	font-size: calc(var(--size-lg) + 1px);
	line-height: calc(1.8 * var(--size-lg));
	color: var(--gray-900);
	margin-bottom: calc(15px + var(--spacing));
}

.section-introduction .introduction-content .introduction-desc p,
.section-introduction .introduction-content .introduction-desc ul {
	margin-top: calc(5px + var(--spacing));
}

.section-introduction .introduction-content .introduction-desc p:last-child,
.section-introduction .introduction-content .introduction-desc ul:last-child {
	margin-bottom: 0;
}

.section-introduction .introduction-content .introduction-desc ul {
	padding-left: 0;
	list-style-type: none;
}

.section-introduction .introduction-content .introduction-desc ul li {
	padding-left: 0;
	position: relative;
	color: var(--gray-900);
	font-weight: 500;
}

.section-introduction .introduction-content .introduction-desc ul li + li {
	margin-top: calc(5px + var(--spacing));
}

.section-introduction .introduction-content .introduction-desc ul li:before {
	content: "\f058";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	color: var(--primary-color);
	font-size: var(--size-lg);
	width: 18px;
	margin-right: 5px;
	vertical-align: 0;
}

@media screen and (max-width: 1349px) {
	.section-introduction .introduction-content {
		padding: calc(2 * var(--spacing));
	}

	.section-introduction .introduction-content .introduction-sub {
		font-size: calc(var(--size-xl) - 1px);
	}

	.section-introduction .introduction-content .introduction-desc,
	.section-introduction .introduction-content .introduction-desc ul li:before {
		font-size: calc(var(--size-lg) - 1px);
	}

	.section-introduction
	.introduction-content
	.introduction-button
	.button-theme {
		font-size: var(--size-md);
		padding: calc(var(--spacing) - 4px) calc(var(--spacing) + 4px) calc(var(--spacing) - 3px);
	}
}

@media screen and (max-width: 991px) {
	.section-introduction .introduction-bg {
		position: static;
		width: 100%;
		padding-bottom: 75%;
	}

	.section-introduction .introduction-content {
		width: 100%;
		padding: calc(2 * var(--spacing)) 0;
	}

	.section-introduction .introduction-content .introduction-sub {
		font-size: calc(var(--size-xl) - 1px);
	}

	.section-introduction .introduction-content .introduction-desc,
	.section-introduction .introduction-content .introduction-desc ul li:before {
		font-size: calc(var(--size-lg) - 1px);
	}

	.section-introduction
	.introduction-content
	.introduction-button
	.button-theme {
		font-size: var(--size-md);
		padding: calc(var(--spacing) - 4px) calc(var(--spacing) + 4px) calc(var(--spacing) - 3px);
	}
}

/*================= WHY CHOOSE US ====================*/
.why-card .card-header {
	margin-bottom: calc(15px + var(--spacing));
}

.why-card .card-body .card-title {
	margin-bottom: calc(5px + var(--spacing));
	font-size: var(--size-xxxl);
	line-height: calc(1.8 * var(--size-lg));
	color: var(--gray-900);
	font-weight: 700;
}

.why-card .card-body .card-text {
	margin: 0 auto;
	color: var(--gray-500);
	max-width: 300px;
	font-size: var(--size-lg);
	line-height: calc(1.8 * var(--size-lg));
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	vertical-align: middle;
}

@media screen and (max-width: 1349px) {
	.why-card .card-header {
		margin-bottom: calc(var(--spacing) - 10px);
	}

	.why-card .card-body .card-title {
		font-size: var(--size-xxl);
		line-height: calc(1.5 * var(--size-lg));
	}

	.why-card .card-body .card-text {
		font-size: calc(var(--size-lg) - 1px);
		line-height: calc(1.4 * var(--size-lg));
	}
}

.section-why .article-card .card-body .card-text {
	-webkit-line-clamp: 3;
}

/*================= PRODUCTS ====================*/
.section-products {
	background-color: var(--bg-light);
}

.section-products .button-theme {
	padding: calc(var(--spacing) - 2px) calc(var(--spacing) + 8px) calc(var(--spacing) - 1px);
	font-size: calc(var(--size-md) + 1px);
}

/*
@media screen and (max-width: 991px) { */
@media screen and (max-width: 1023px) {
	.section-products .button-theme {
		font-size: var(--size-md);
		padding: calc(var(--spacing) - 4px) calc(var(--spacing) + 4px) calc(var(--spacing) - 3px);
	}

	.section-products .section-heading {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.section-products .section-heading .tabs {
		padding-left: 0;
		margin-top: var(--spacing);
		overflow-x: auto;
		max-width: 100%;
		padding-bottom: 5px;
		margin-left: 0;
	}

	.section-products .section-heading .tabs .nav-tabs {
		-webkit-box-pack: start !important;
		-ms-flex-pack: start !important;
		justify-content: flex-start !important;
		-ms-flex-wrap: nowrap !important;
		flex-wrap: nowrap !important;
	}

	.section-heading .tabs .nav-item .nav-link {
		padding: 0 calc(var(--spacing) * 2.25 - 10px);
		font-size: calc(var(--size-lg) - 1px);
		height: 54px;
	}
}

/*================= CARD PRODUCT ====================*/
.product-card {
	border-radius: 10px;
	width: 100%;
	height: 100%;
	background: var(--bs-white);
	overflow: hidden;
	box-shadow: var(--shadow-primary);
}

.product-card .card-header:before {
	background: rgba(0, 0, 0, 0) -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(8%, rgba(0, 0, 0, 0.6)),
		color-stop(94%, rgba(0, 0, 0, 0))
	) repeat scroll 0 0;
	background: rgba(0, 0, 0, 0) -o-linear-gradient(
		bottom,
		rgba(0, 0, 0, 0.6) 8%,
		rgba(0, 0, 0, 0) 94%
	) repeat scroll 0 0;
	background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgba(0, 0, 0, 0.6) 8%, rgba(0, 0, 0, 0) 94%) repeat scroll 0 0;
	position: absolute;
	display: block;
	content: "";
	z-index: 2;
	left: 0;
	bottom: 0;
	height: 45px;
	width: 100%;
}

.product-card .card-header img {
	-webkit-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}

.product-card .card-header .card-button {
	position: absolute;
	z-index: 3;
	left: 10px;
	bottom: 7px;
	color: #a7a7a7;
	font-size: calc(var(--size-lg) - 1px);
	border-radius: 50%;
	background-color: transparent;
	border: 0;
	width: 30px;
	height: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0 0 2px 1px;
}

.product-card .card-header .card-button:hover {
	background-color: var(--bs-white);
	color: var(--gray-900);
}

.product-card .card-header .card-button.is-selected {
	background-color: var(--bs-white);
	color: #ee972d;
}

.product-card .card-header .card-button.is-selected i {
	font-weight: 900;
}

.product-card .card-header .card-images {
	position: absolute;
	z-index: 3;
	right: 22px;
	bottom: 10px;
	color: #a7a7a7;
	font-size: calc(var(--size-lg) - 1px);
}

.product-card .card-header .card-featured {
	position: absolute;
	z-index: 3;
	background: var(--primary-color);
	width: auto;
	padding: 3px 0;
	text-align: center;
	color: var(--bs-white);
	-webkit-transform: rotate(-41deg);
	-ms-transform: rotate(-41deg);
	transform: rotate(-41deg);
	margin-left: 0;
	left: -64px;
	top: 16px;
	min-width: 200px;
	max-width: 200px;
	font-weight: 700;
}

.product-card .card-body {
	padding: 0 calc(10px + var(--spacing)) calc(5px + var(--spacing));
}

.product-card .card-body .card-title {
	color: var(--bg-primary);
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	max-width: 100%;
	font-weight: 700;
	font-size: calc(1px + var(--size-lg));
	margin: var(--spacing) 0 calc(var(--spacing) - 10px);
}

.product-card .card-body .card-price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.product-card .card-body .card-price ins {
	font-weight: 900;
	color: var(--primary-color);
	font-size: var(--size-xxl);
	text-decoration: none;
}

.product-card .card-body .card-price del {
	margin-left: calc(var(--spacing) - 5px);
	color: var(--gray-400);
	font-size: var(--size-md);
	padding-top: 1px;
}

.product-card .card-body .card-meta {
	border-top: 1px solid var(--gray-200);
	padding-top: calc(var(--spacing) + 3px);
	margin-top: calc(var(--spacing) + 3px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	white-space: nowrap;
}

.product-card .card-body .card-meta > span {
	display: inline-block;
	vertical-align: middle;
	border-radius: 5px;
	font-size: var(--size-md);
	line-height: calc(var(--size-md) * 2);
	margin-right: calc(var(--spacing) - 5px);
	font-weight: 500;
	color: var(--gray-500);
	padding: 0 calc(var(--spacing) - 5px);
}

.product-card .card-body .card-meta > span.is-active {
	background-color: var(--primary-color);
	color: var(--bs-white);
}

.product-card:hover .card-header img {
	-webkit-transform: scale3d(1.1, 1.1, 1);
	transform: scale3d(1.1, 1.1, 1);
}

@media screen and (max-width: 1349px) {
	.product-card .card-body {
		padding: 0 var(--spacing) var(--spacing);
	}

	.product-card .card-body .card-title {
		font-size: var(--size-lg);
	}

	.product-card .card-body .card-price ins {
		font-size: calc(var(--size-lg) + 1px);
	}

	.product-card .card-body .card-price del {
		padding-top: 3px;
	}
}

/*================= QUESTION ====================*/
.section-question {
	/* background-color: var(--bg-primary); */
}

.section-question .section-heading .title {
	color: var(--gray-800);
}

.section-question .question-collapse_item {
	border-bottom: 1px solid var(--gray-200);
	padding: calc(var(--spacing) * 1.5) var(--spacing);
}

.section-question .question-collapse_item:first-child {
	border-top: 1px solid var(--gray-200);
}

.section-question .question-collapse_item .question-collapse_button {
	background-color: transparent;
	border: 0;
	font-size: var(--size-xxl);
	padding-left: 0;
	padding-right: calc(4 * var(--spacing));
	color: var(--gray-800);
	position: relative;
	font-weight: 700;
	width: 100%;
	text-align: left;
}

.section-question .question-collapse_item .question-collapse_button > i {
	font-size: calc(3 * var(--size-md));
	position: absolute;
	top: 14px;
	right: 5px;
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
	line-height: 0;
}

.section-question
.question-collapse_item
.question-collapse_button[aria-expanded="true"]
> i {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.section-question .question-collapse_item .question-collapse_content {
	padding: calc(1 * var(--spacing)) 0 0;
	font-size: var(--size-lg);
	color: var(--gray-800);
	line-height: 1.8;
}

@media screen and (max-width: 1349px) {
	.section-question .question-collapse_item {
		padding-left: 0;
		padding-right: 0;
	}

	.section-question .question-collapse_item .question-collapse_button {
		font-size: calc(var(--size-lg) + 1px);
	}

	.section-question .question-collapse_item .question-collapse_button > i {
		font-size: calc(2 * var(--size-md));
	}

	.section-question .question-collapse_item .question-collapse_content {
		font-size: calc(var(--size-lg) - 1px);
		line-height: 1.5;
	}
}

/*================= QUESTION ====================*/
.section-contact {
	background-color: var(--bg-light);
}

.section-contact .contact-content {
	padding: calc(4 * var(--spacing)) 0 calc(4 * var(--spacing));
}

.section-contact .contact-content .contact-content_sub {
	font-weight: 900;
	font-size: calc(3 * var(--size-md));
	line-height: calc(4 * var(--size-md));
	margin-bottom: var(--spacing);
}

.section-contact .contact-content .contact-content_text {
	font-weight: 600;
	font-size: var(--size-xxl);
	line-height: calc(2 * var(--size-md));
	margin-bottom: var(--spacing);
}

.section-contact .contact-content .contact-content_phone {
	margin-bottom: calc(3 * var(--spacing));
}

.section-contact .contact-content .contact-content_phone > a {
	font-weight: 900;
	font-size: calc(3 * var(--size-md));
	line-height: calc(4 * var(--size-md));
	color: var(--primary-color);
}

.section-contact
.contact-content
.contact-content_time
.contact-content_time--item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: var(--gray-600);
	font-size: var(--size-lg);
}

.section-contact
.contact-content
.contact-content_time
.contact-content_time--item
.text {
	width: 140px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.section-contact
.contact-content
.contact-content_time
.contact-content_time--item
.value {
	width: 100%;
}

.section-contact
.contact-content
.contact-content_time
.contact-content_time--item
+ .contact-content_time--item {
	margin-top: calc(var(--spacing) - 5px);
}

.section-contact .contact-map {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 50%;
}

.section-contact .contact-map iframe {
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

@media screen and (max-width: 1349px) {
	.section-contact .contact-content {
		padding: calc(2 * var(--spacing)) 0;
	}

	.section-contact .contact-content .contact-content_sub {
		font-size: calc(2 * var(--size-md));
		line-height: calc(2.35 * var(--size-md));
	}

	.section-contact .contact-content .contact-content_text {
		font-size: var(--size-xl);
		line-height: calc(1.8 * var(--size-md));
	}

	.section-contact .contact-content .contact-content_phone {
		margin-bottom: calc(1.5 * var(--spacing));
	}

	.section-contact .contact-content .contact-content_phone > a {
		font-weight: 900;
		font-size: calc(2.2 * var(--size-md));
		line-height: calc(3 * var(--size-md));
		color: var(--primary-color);
	}

	.section-contact
	.contact-content
	.contact-content_time
	.contact-content_time--item {
		font-size: calc(var(--size-lg) - 1px);
	}
}

@media screen and (max-width: 768px) {
	.section-contact .contact-map {
		position: static;
		width: 100%;
	}

	.section-contact .contact-map iframe {
		position: static;
		min-height: 40vh;
	}
}

/*================= FOOTER ====================*/
.footer {
	background-color: #fefefe;
	padding-top: calc(6 * var(--spacing));
	padding-bottom: calc(2 * var(--spacing));
}

.footer .footer-top {
	padding-bottom: calc(3 * var(--spacing));
}

.footer .footer-top .footer-item > ul > li + li {
	margin-top: calc(var(--spacing) - 5px);
}

.footer .footer-top .footer-item > ul > li > a {
	color: var(--text-gray-bold);
	font-size: calc(var(--size-lg) - 1px);
	line-height: calc(1.5 * var(--size-md));
	position: relative;
	padding-left: calc(var(--spacing) + 5px);
	display: block;
}

.footer .footer-top .footer-item > ul > li > a:before {
	position: absolute;
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	background-color: var(--primary-color);
	border-radius: 50%;
	left: 0;
	top: 6px;
}

.footer .footer-top .footer-item > ul > li > a:hover {
	color: var(--primary-color);
	padding-left: calc(var(--spacing) + 10px);
}

.footer .footer-top .footer-item .footer-text {
	color: var(--text-gray-bold);
	font-size: calc(var(--size-lg) - 1px);
	line-height: calc(1.7 * var(--size-md));
}

.footer .footer-top .footer-item .footer-text > a {
	color: inherit;
	font-size: calc(var(--size-lg) - 1px);
}

.footer .footer-top .footer-item .footer-text + .footer-text {
	margin-top: var(--spacing);
}

.footer .footer-top .footer-item .footer-phone {
	margin-bottom: var(--spacing);
}

.footer .footer-top .footer-item .footer-phone > a {
	font-weight: 900;
	font-size: calc(2.2 * var(--size-md));
	line-height: calc(3 * var(--size-md));
	color: var(--primary-color);
}

.footer .footer-bottom {
	padding-top: calc(2 * var(--spacing));
	margin-top: calc(2 * var(--spacing));
	border-top: 1px solid var(--gray-200);
}

.footer .footer-bottom .footer-social > a {
	width: 41px;
	height: 41px;
	background-color: var(--accent-color);
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
	font-size: var(--size-lg);
}

.footer .footer-bottom .footer-social > a:hover {
	background-color: var(--secondary-hover);
}

.footer .footer-bottom .footer-social > a + a {
	margin-left: calc(var(--spacing) - 3px);
}

@media screen and (min-width: 992px) and (max-width: 1349px) {
	.footer {
		padding-top: calc(var(--spacing) * 4);
	}

	.footer .footer-top {
		padding-bottom: 0;
	}

	.footer .footer-item {
		margin-bottom: calc(var(--spacing) + 5px);
	}
}

@media screen and (max-width: 991px) {
	.footer {
		padding-top: calc(var(--spacing) * 4);
	}

	.footer .footer-top {
		padding-bottom: 0;
	}

	.footer .footer-item {
		margin-bottom: calc(var(--spacing) + 5px);
	}

	.footer .footer-list {
		padding-top: calc(var(--spacing) * 2);
		padding-bottom: calc(var(--spacing) * 2);
	}

	.footer .footer-list .footer-item {
		margin-bottom: 0;
	}

	.footer .footer-list .col-lg-6:first-child .footer-item > ul > li:last-child {
		border-bottom: 0;
	}

	.footer .footer-top .footer-item > ul > li {
		border-top: 1px solid rgba(255, 255, 255, 0.05);
		margin-top: 0 !important;
	}

	.footer .footer-top .footer-item > ul > li:last-child {
		border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	}

	.footer .footer-top .footer-item > ul > li > a {
		padding: var(--spacing) calc(var(--spacing) * 2) var(--spacing) var(--spacing);
	}

	.footer .footer-top .footer-item > ul > li > a:before {
		width: auto;
		height: auto;
		color: var(--bs-white);
		border-radius: 0;
		content: "\f105";
		font-family: "Font Awesome 5 Pro";
		font-weight: 300;
		background-color: transparent;
		top: 15px;
		right: 15px;
		left: unset;
		font-size: var(--size-xxl);
		-webkit-transition: var(--transition-default);
		-o-transition: var(--transition-default);
		transition: var(--transition-default);
	}

	.footer .footer-top .footer-item > ul > li > a:hover {
		padding-left: var(--spacing);
	}

	.footer .footer-top .footer-item > ul > li > a:hover:before {
		color: var(--primary-hover);
	}

	.footer .footer-bottom {
		margin-top: calc(var(--spacing) * 2);
		margin-right: calc(var(--bs-gutter-x) * -0.5);
		margin-left: calc(var(--bs-gutter-x) * -0.5);
	}
}

/*================= SUBSCRIBE ====================*/
.section-subscribe {
	border-top: 1px solid var(--gray-200);
}

@media screen and (max-width: 991px) {
	.section-subscribe .section-heading {
		text-align: center;
	}

	.section-subscribe .section-heading .desc {
		max-width: 70%;
		margin-left: auto;
		margin-right: auto;
	}

	.section-subscribe .subscribe-form {
		margin-top: calc(2 * var(--spacing));
	}
}

@media screen and (max-width: 525px) {
	.section-subscribe .form-theme .form-input {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		width: 100%;
	}

	.section-subscribe .form-theme .invalid-feedback {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		width: 100%;
	}

	.section-subscribe .form-theme .form-button {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
		width: 100%;
		margin-top: var(--spacing);
		margin-left: 0 !important;
	}
}

/*================= FORM ====================*/
.form-theme {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.form-theme .form-input {
	width: calc(100% - 160px - 0.5rem);
	border-radius: 10px;
	-webkit-box-shadow: 1px 1px 0 0 rgb(196 196 196 / 24%);
	box-shadow: 1px 1px 0 0 rgb(196 196 196 / 24%);
	border: 1px solid #e7edf3;
	background: #fff;
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	white-space: normal;
	padding: 10px 35px 10px 27px;
	min-height: 48px;
	font-size: calc(1px + var(--size-md));
	color: #2f3b48;
	line-height: calc(1.8 * var(--size-md));
}

.form-theme .form-input::-webkit-scrollbar {
	width: 4px;
}

.form-theme .form-input::-webkit-scrollbar-track {
	background: transparent;
}

.form-theme .form-input::-webkit-scrollbar-thumb {
	background: #d7d7d7;
	-webkit-transition: var(--transition-default);
	transition: var(--transition-default);
}

.form-theme .form-input::-webkit-scrollbar-thumb:hover {
	background: #e5e5e5;
}

.was-validated.form-theme .form-input:valid,
.form-theme .form-input.is-valid {
	border-color: #e7edf3;
	padding-right: 35px;
	background-image: none;
	background-position: unset;
	background-size: unset;
}

.was-validated.form-theme .form-input:invalid,
.form-theme .form-input.is-invalid {
	background-position: right calc(1em + 0.1875rem) center;
}

.form-theme .form-input::-webkit-input-placeholder {
	color: var(--gray-400);
}

.form-theme .form-input::-moz-placeholder {
	color: var(--gray-400);
}

.form-theme .form-input:-ms-input-placeholder {
	color: var(--gray-400);
}

.form-theme .form-input::-ms-input-placeholder {
	color: var(--gray-400);
}

.form-theme .form-input::placeholder {
	color: var(--gray-400);
}

.form-theme .form-check {
	font-size: calc(1px + var(--size-md));
}

.form-theme .form-check .form-check-input {
	width: 1.15em;
	height: 1.15em;
	margin-top: 0.15em;
	margin-right: 0.75em;
	cursor: pointer;
}

.form-theme .form-check .form-check-input:checked {
	background-color: var(--primary-color);
	border-color: var(--primary-hover);
}

.form-theme .form-check .form-check-label {
	cursor: pointer;
}

.form-theme .form-check .form-check-label a {
	color: var(--primary-color);
}

.form-theme .form-check .form-check-label a:hover {
	color: var(--primary-hover);
}

.form-theme .form-button {
	position: relative;
	display: inline-block;
	font-size: var(--size-lg);
	background-color: var(--primary-color);
	border: 0;
	color: var(--bs-white);
	font-weight: 600;
	border-radius: 10px;
	text-align: center;
	cursor: pointer;
	padding: calc(var(--spacing) - 3px) calc(var(--spacing) + 20px) calc(var(--spacing) - 2px);
	vertical-align: top;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	width: 160px;
	white-space: nowrap;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	overflow: hidden;
}

.form-theme .form-button:before {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	display: block;
	width: 100%;
	height: 100%;
	content: "";
	background-color: rgba(255, 255, 255, 0.1);
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top;
	z-index: 1;
}

.form-theme .form-button:after {
	position: absolute;
	top: 1px;
	right: -50px;
	-webkit-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	width: 50px;
	content: "\f1d8";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	line-height: inherit;
	opacity: 0;
	pointer-events: none;
}

.form-theme .form-button:hover {
	color: var(--bs-white);
	padding-left: 27.5px;
	padding-right: 50px;
}

.form-theme .form-button:hover:before {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
}

.form-theme .form-button:disabled {
	opacity: 0.7;
	cursor: not-allowed;
}

.form-theme .form-button:disabled:hover {
	padding: calc(var(--spacing) - 3px) calc(var(--spacing) + 20px) calc(var(--spacing) - 2px);
}

.form-theme .form-button:disabled:before,
.form-theme .form-button:disabled:after {
	display: none;
}

.form-theme .form-button:hover:after {
	right: 4px;
	opacity: 1;
	pointer-events: auto;
}

/*================= DEPOSIT ====================*/
.section-deposit {
	background-color: var(--bg-light);
}

.section-deposit .button-theme {
	padding: calc(var(--spacing) - 2px) calc(var(--spacing) + 8px) calc(var(--spacing) - 1px);
	font-size: calc(var(--size-md) + 1px);
}

.deposit-card .card-header {
	margin-bottom: calc(var(--spacing) - 5px);
}

.deposit-card .card-header img {
	width: auto;
	height: 85px;
}

.deposit-card .card-body .card-text {
	color: var(--gray-700);
	font-weight: 500;
	font-size: var(--size-lg);
	line-height: calc(1.6 * var(--size-lg));
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	vertical-align: middle;
}

@media screen and (min-width: 992px) and (max-width: 1349px) {
	.deposit-card .card-header img {
		height: 65px;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}

@media screen and (max-width: 991px) {
	.deposit-card .card-header img {
		height: 50px;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}

	.deposit-card .card-body {
		padding-top: 0;
	}

	.deposit-card .card-body .card-text {
		font-size: calc(var(--size-lg) - 1px);
		line-height: calc(1.4 * var(--size-lg));
	}

	.section-deposit .button-theme {
		font-size: var(--size-md);
		padding: calc(var(--spacing) - 4px) calc(var(--spacing) + 4px) calc(var(--spacing) - 3px);
	}
}

/*================= PARTNER ====================*/
.section-partner {
	background-color: var(--bs-white);
}

.section-partner .button-theme {
	padding: calc(var(--spacing) - 2px) calc(var(--spacing) + 8px) calc(var(--spacing) - 1px);
	font-size: calc(var(--size-md) + 1px);
}

.section-partner .partner-item {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
}

.section-partner .partner-item:hover {
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);
}

/*================= SERVICE ====================*/
.service-card {
	padding: calc(35px + var(--spacing));
	background-color: #f6f6f6;
	height: 100%;
	transition: var(--transition-default);
	border-bottom: 2px solid transparent !important;
}

.service-card .card-header {
	background-color: transparent;
}

.service-card .card-header > span {
	background-color: var(--bs-white);
	width: 70px;
	height: 70px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: calc(2.5 * var(--size-md));
	color: var(--gray-900);
	transition: var(--transition-default);
}

.service-card .card-body .card-title {
	margin-bottom: calc(5px + var(--spacing));
	font-size: var(--size-xxxl);
	line-height: calc(1.8 * var(--size-lg));
	color: var(--gray-900);
	font-weight: 700;
}

.service-card .card-body .card-text {
	margin: 0 auto;
	color: var(--gray-500);
	max-width: 300px;
	font-size: var(--size-lg);
	line-height: calc(1.8 * var(--size-lg));
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	vertical-align: middle;
}

.service-card.is-highlight,
.service-card:hover {
	background-color: #fcfcfc;
	border-bottom: 2px solid var(--primary-color) !important;
}

.service-card.is-highlight .card-header > span,
.service-card:hover .card-header > span {
	background-color: var(--primary-color);
	color: var(--bs-white);
}

@media screen and (max-width: 1349px) {
	.service-card {
		padding: calc(2 * var(--spacing));
	}

	.service-card .card-body .card-title {
		font-size: var(--size-xxl);
		line-height: calc(1.5 * var(--size-lg));
	}

	.service-card .card-body .card-text {
		font-size: calc(var(--size-lg) - 1px);
		line-height: calc(1.4 * var(--size-lg));
	}
}

@media screen and (max-width: 991px) {
	.service-card {
		margin-right: calc(1.5rem * -0.5);
		margin-left: calc(1.5rem * -0.5);
	}

	.service-card .card-body .card-title {
		font-size: var(--size-xxl);
		line-height: calc(1.5 * var(--size-lg));
	}

	.service-card .card-body .card-text {
		font-size: calc(var(--size-lg) - 1px);
		line-height: calc(1.4 * var(--size-lg));
	}
}

.section-service .button-slider {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}

.section-service .button-slider_prev {
	left: -27.5px;
}

.section-service .button-slider_next {
	right: -27.5px;
}

@media screen and (max-width: 1199px) {
	.section-service .button-slider {
		display: none;
	}
}

/*================= CATEGORY ====================*/
.section-category .section-heading {
	margin-bottom: calc(2 * var(--spacing));
}

.section-category .slider-theme {
	position: relative;
}

.section-category .button-slider {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 4px;
	-webkit-box-shadow: none;
	box-shadow: none;
	z-index: 2;
	background-color: var(--gray-200);
	color: var(--bs-white);
	width: 40px;
	height: 40px;
}

.section-category .button-slider.button-slider_prev {
	-webkit-transform: translateY(-50%) translateX(-150%);
	-ms-transform: translateY(-50%) translateX(-150%);
	transform: translateY(-50%) translateX(-150%);
	left: 0;
}

.section-category .button-slider.button-slider_next {
	-webkit-transform: translateY(-50%) translateX(150%);
	-ms-transform: translateY(-50%) translateX(150%);
	transform: translateY(-50%) translateX(150%);
	right: 0;
}

.section-category .button-slider:hover {
	background-color: var(--primary-color);
	color: var(--bs-white);
}

.category-item {
	position: relative;
	overflow: hidden;
	border-radius: 4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: calc(1 * var(--spacing));
	border: 1px solid transparent;
}

.category-item .category-item_thumbnail {
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
	opacity: 0.9;
}

.category-item .category-item_thumbnail img {
	max-width: 100%;
	width: auto;
}

.category-item .category-item_name {
	margin-top: calc(var(--spacing) - 5px);
	text-decoration: underline;
	color: var(--gray-400);
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
	text-align: center;
}

.category-item:hover {
	border-color: var(--gray-200);
}

.category-item:hover .category-item_thumbnail {
	opacity: 1;
}

.category-item:hover .category-item_name {
	color: var(--gray-900);
}

@media screen and (max-width: 991px) {
	.section-category .button-slider {
		display: none;
	}
}

/*================= ARTICLE ====================*/
.article-card .card-header img {
	-webkit-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}

.article-card .card-header:hover img {
	-webkit-transform: scale3d(1.1, 1.1, 1);
	transform: scale3d(1.1, 1.1, 1);
}

.article-card .card-body .card-category {
	margin-bottom: calc(var(--spacing) - 5px);
}

.article-card .card-body .card-category a {
	font-style: italic;
}

.article-card .card-body .card-category a:hover {
	text-decoration: underline !important;
}

.article-card .card-body .card-title {
	font-size: 1.375rem;
	font-weight: 700;
	color: var(--gray-900);
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	margin-bottom: calc(var(--spacing) - 5px);
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
}

.article-card .card-body a.card-title:hover {
	color: var(--primary-color);
}

.article-card .card-body .card-text {
	font-size: var(--size-lg);
	color: var(--gray-500);
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	margin-bottom: calc(var(--spacing) - 5px);
}

.article-card .card-body .card-time {
	font-size: var(--size-md);
	color: var(--gray-500);
}

.article-card.article-card_row {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	position: relative;
	overflow: visible !important;
}

.article-card.article-card_row .card-header {
	width: 22.5%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.article-card.article-card_row .card-body {
	padding-top: 0;
	padding-left: var(--spacing) !important;
	padding-right: var(--spacing) !important;
}

.article-card.article-card_row .card-body .card-category,
.article-card.article-card_row .card-body .card-title,
.article-card.article-card_row .card-body .card-text {
	margin-bottom: calc(var(--spacing) - 10px);
}

.article-card.article-card_row + .article-card.article-card_row {
	margin-top: calc(4 * var(--spacing));
}

.article-card.article-card_row + .article-card.article-card_row:before {
	position: absolute;
	top: calc(-2 * var(--spacing));
	left: 0;
	right: 0;
	height: 1px;
	width: 100%;
	background-color: var(--gray-200);
	display: block;
	content: "";
}

@media screen and (min-width: 992px) and (max-width: 1349px) {
	.article-card.article-card_row .card-header {
		width: 30%;
	}
}

@media screen and (max-width: 991px) {
	.article-card.article-card_row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.article-card.article-card_row .card-header {
		width: 100%;
	}

	.article-card.article-card_row .card-body {
		padding: var(--spacing) 0 !important;
	}

	.article-card.article-card_row + .article-card.article-card_row {
		margin-top: calc(2 * var(--spacing));
	}

	.article-card .card-body .card-title {
		font-size: var(--size-lg);
	}
}

/*================= ARTICLES SIDEBAR ====================*/
.articles-sidebar .articles-sidebar_item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	overflow: hidden;
}

.articles-sidebar .articles-sidebar_item .articles-sidebar_item--number {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-style: italic;
	background-color: #d1dae7;
	color: var(--bs-white);
	font-weight: 700;
	font-size: var(--size-xxl);
}

.articles-sidebar .articles-sidebar_item .articles-sidebar_item--content {
	padding-left: 15px;
	width: 100%;
}

.articles-sidebar
.articles-sidebar_item
.articles-sidebar_item--content
.articles-sidebar_item--title {
	font-weight: 700;
	line-height: calc(1.5 * calc(var(--size-md) + 1px));
	color: var(--gray-900);
	font-size: calc(var(--size-md) + 1px);
	margin-bottom: calc(var(--spacing) - 10px);
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	vertical-align: middle;
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
}

.articles-sidebar
.articles-sidebar_item
.articles-sidebar_item--content
.articles-sidebar_item--text {
	line-height: calc(1.5 * var(--size-md));
	color: var(--gray-500);
	font-size: var(--size-md);
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	vertical-align: middle;
}

.articles-sidebar
.articles-sidebar_item:hover
.articles-sidebar_item--content
.articles-sidebar_item--title {
	color: var(--primary-color);
}

.articles-sidebar .articles-sidebar_item + .articles-sidebar_item {
	margin-top: calc(2 * var(--spacing));
}

/*================= TEAMS ====================*/
.section-teams {
	position: relative;
	background-color: var(--bs-white);
	margin-bottom: calc(155px + var(--spacing));
}

.section-teams:after {
	content: "";
	display: block;
	height: 100%;
	width: 100%;
	left: 0;
	position: absolute;
	background: var(--bg-light);
	z-index: 1;
	top: 170px;
}

.section-teams .teams-inner {
	padding: calc(2 * var(--spacing));
	border-radius: 22px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 2;
}

.section-teams .teams-inner .teams-content {
	width: 33.3333%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	padding: calc(4 * var(--spacing)) calc(3 * var(--spacing)) 0;
}

.section-teams .teams-inner .teams-content .section-heading {
	margin-bottom: calc(3.5 * var(--spacing));
}

.section-teams .teams-inner .teams-content .section-heading .title {
	color: var(--accent-color) !important;
}

.section-teams .teams-inner .teams-content .teams-content_list {
	margin-bottom: calc(3.5 * var(--spacing));
}

.section-teams .teams-inner .teams-content .teams-content_list ul {
	padding-left: 0;
	list-style-type: none;
	margin-bottom: 0;
}

.section-teams .teams-inner .teams-content .teams-content_list ul li {
	padding-left: 0;
	position: relative;
	color: #323232;
	font-weight: 500;
	font-size: var(--size-xl);
}

.section-teams .teams-inner .teams-content .teams-content_list ul li + li {
	margin-top: calc(5px + var(--spacing));
}

.section-teams .teams-inner .teams-content .teams-content_list ul li:before {
	content: "\f058";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	color: var(--primary-color);
	font-size: var(--size-xl);
	width: 20px;
	margin-right: 10px;
	vertical-align: 0;
}

.section-teams .teams-inner .teams-content .teams-content_slider {
	margin-top: calc(3.5 * var(--spacing));
}

.section-teams
.teams-inner
.teams-content
.teams-content_slider
.button-slider {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.section-teams .teams-inner .teams-cards {
	position: absolute;
	left: 33.3333%;
	padding-left: calc(2 * var(--spacing));
	width: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.section-teams .teams-inner .teams-cards .teams-card .card-body {
	padding: calc(2.5 * var(--spacing)) calc(2 * var(--spacing)) calc(2 * var(--spacing));
	position: relative;
}

.section-teams .teams-inner .teams-cards .teams-card .card-contact {
	position: absolute;
	top: -22px;
	left: calc(2 * var(--spacing));
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.section-teams .teams-inner .teams-cards .teams-card .card-contact > a {
	height: 44px;
	width: 44px;
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: var(--bs-white);
	background-color: var(--primary-color);
	font-size: var(--size-xxl);
}

.section-teams .teams-inner .teams-cards .teams-card .card-contact > a + a {
	margin-left: calc(var(--spacing) - 5px);
}

.section-teams .teams-inner .teams-cards .teams-card .card-title {
	margin-bottom: 0;
	font-size: var(--size-xxl);
	line-height: calc(1.8 * var(--size-lg));
	color: var(--gray-900);
	font-weight: 700;
}

.section-teams .teams-inner .teams-cards .teams-card .card-text {
	color: var(--gray-600);
	font-size: calc(var(--size-lg) - 1px);
	line-height: calc(1.8 * var(--size-md));
}

.section-teams .teams-inner .teams-cards .teams-card .card-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-top: var(--spacing);
	padding-top: var(--spacing);
	border-top: 1px solid var(--gray-200);
}

.section-teams .teams-inner .teams-cards .teams-card .card-link > a {
	font-size: calc(var(--size-lg) - 1px);
	color: var(--gray-400);
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	vertical-align: middle;
}

.section-teams
.teams-inner
.teams-cards
.teams-card
.card-link
> a.is-highlight {
	color: var(--primary-color);
}

.section-teams .teams-inner .teams-cards .teams-card .card-link > a + a {
	margin-top: calc(var(--spacing) - 12px);
}

.section-teams .teams-inner .teams-cards .swiper-slide {
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
}

.section-teams
.teams-inner
.teams-cards
.swiper-slide.swiper-slide-next
+ .swiper-slide
+ .swiper-slide {
	opacity: 0.5;
}

@media screen and (min-width: 992px) and (max-width: 1349px) {
	.section-teams .teams-inner {
		overflow: hidden;
	}

	.section-teams .teams-inner .teams-content {
		padding: 0;
	}

	.section-teams .teams-inner .teams-content .section-heading,
	.section-teams .teams-inner .teams-content .teams-content_list {
		margin-bottom: calc(var(--spacing) + 5px);
	}

	.section-teams
	.teams-inner
	.teams-cards
	.swiper-slide.swiper-slide-next
	+ .swiper-slide {
		opacity: 0.5;
	}

	.section-teams .teams-inner .teams-cards .teams-card .card-body {
		padding: calc(1.5 * var(--spacing)) calc(1.25 * var(--spacing)) calc(1.25 * var(--spacing));
	}

	.section-teams .teams-inner .teams-cards .teams-card .card-contact {
		left: calc(1.25 * var(--spacing));
	}

	.section-teams .teams-inner .teams-cards .teams-card .card-contact > a {
		width: 38px;
		height: 38px;
		font-size: var(--size-xl);
	}

	.section-teams .teams-inner .teams-cards .teams-card .card-title {
		font-size: var(--size-xl);
		line-height: calc(1.5 * var(--size-lg));
	}
}

@media screen and (max-width: 991px) {
	.section-teams .teams-inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding-bottom: calc(var(--spacing) * 30);
		overflow: hidden;
	}

	.section-teams .teams-inner .teams-content {
		width: 100%;
		padding: 0;
	}

	.section-teams .teams-inner .teams-content .section-heading,
	.section-teams .teams-inner .teams-content .teams-content_list {
		margin-bottom: calc(var(--spacing) + 5px);
	}

	.section-teams .teams-inner .teams-content .teams-content_list ul li,
	.section-teams .teams-inner .teams-content .teams-content_list ul li:before {
		font-size: calc(var(--size-lg) - 1px);
	}

	.section-teams
	.teams-inner
	.teams-content
	.teams-content_button
	.button-theme {
		font-size: var(--size-md);
		padding: calc(var(--spacing) - 4px) calc(var(--spacing) + 4px) calc(var(--spacing) - 3px);
	}

	.section-teams .teams-inner .teams-content .teams-content_slider {
		position: absolute;
		bottom: calc(var(--spacing) * 2);
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 100%;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.section-teams .teams-inner .teams-cards {
		position: absolute;
		left: calc(2 * var(--spacing));
		width: 100%;
		padding-left: 0;
		padding-top: calc(var(--spacing) * 2);
		top: unset;
		bottom: calc(2 * var(--spacing) + 90px);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
	}

	.section-teams {
		/* margin-bottom: calc(2 * var(--spacing)); */
		margin-bottom: calc(85px + var(--spacing));
	}

	.section-teams:after {
		top: 100px;
	}

	.section-teams
	.teams-inner
	.teams-cards
	.swiper-slide.swiper-slide-next
	+ .swiper-slide {
		opacity: 0.5;
	}

	.section-teams .teams-inner .teams-cards .teams-card .card-body {
		padding: calc(1.5 * var(--spacing)) calc(1.25 * var(--spacing)) calc(1.25 * var(--spacing));
	}

	.section-teams .teams-inner .teams-cards .teams-card .card-contact {
		left: calc(1.25 * var(--spacing));
	}

	.section-teams .teams-inner .teams-cards .teams-card .card-contact > a {
		width: 38px;
		height: 38px;
		font-size: var(--size-xl);
	}

	.section-teams .teams-inner .teams-cards .teams-card .card-title {
		font-size: var(--size-xl);
		line-height: calc(1.5 * var(--size-lg));
	}
}

@media screen and (max-width: 599px) {
	.section-teams .teams-inner .teams-cards .swiper-slide.swiper-slide-next {
		opacity: 0.5;
	}
}

/*================= PAGE CONTACT ====================*/
.page-contact .contact-top {
	padding-top: calc(70px + var(--spacing));
	padding-bottom: calc(70px + var(--spacing));
}

.page-contact .contact-top .section-heading {
	margin-bottom: calc(2.5 * var(--spacing));
}

.page-contact .contact-top .section-heading .title {
	color: var(--accent-color);
}

.page-contact .contact-top .section-heading .title + .desc {
	max-width: 70%;
	line-height: 1.6;
	margin-top: calc(2.5 * var(--spacing));
}

.page-contact .contact-top .contact-text {
	color: var(--gray-900);
	font-size: var(--size-lg);
	line-height: 1.6;
	max-width: 50%;
}

.page-contact .contact-top .contact-phone {
	margin-top: calc(2.5 * var(--spacing));
}

.page-contact .contact-top .contact-phone > a {
	font-weight: 900;
	font-size: calc(2.2 * var(--size-md));
	line-height: calc(3 * var(--size-md));
	color: var(--primary-color);
}

.page-contact .contact-top .contact-phone > a > span {
	color: var(--gray-900);
}

.page-contact .contact-top .contact-mail {
	margin-top: calc(var(--spacing) - 10px);
}

.page-contact .contact-top .contact-mail > a {
	color: var(--gray-900);
	font-size: var(--size-lg);
	line-height: 1.6;
}

.page-contact .contact-top .contact-mail > a > span {
	font-size: var(--size-xl);
	color: var(--primary-color);
	vertical-align: middle;
}

.page-contact .contact-top .contact-social {
	font-size: var(--size-lg);
	color: var(--gray-400);
	font-weight: 700;
	margin-top: calc(2.5 * var(--spacing));
}

.page-contact .contact-top .contact-social > a {
	width: 35px;
	height: 35px;
	background: var(--accent-color);
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
	margin-left: calc(var(--spacing) - 3px);
	color: var(--bs-white);
	font-weight: 400;
}

.page-contact .contact-top .contact-social > a:hover {
	background: var(--secondary-hover);
	color: var(--bs-white);
}

.page-contact .contact-top .contact-form {
	border-radius: 20px;
	overflow: hidden;
	padding: calc(3 * var(--spacing));
	background-color: #eff3fa;
}

.page-contact .contact-top .contact-form .form-theme .form-input {
	width: 100%;
}

.page-contact .contact-bottom {
	border-radius: 20px;
	overflow: hidden;
	padding-bottom: calc(70px + var(--spacing));
}

.page-contact .contact-bottom iframe {
	vertical-align: middle;
	height: 60vh;
	width: 100%;
	border-radius: 20px;
	overflow: hidden;
}

.page-contact .page-contact_decor {
	position: absolute;
	width: 144px;
	height: 117px;
	display: block;
	background-size: cover;
	z-index: 0;
	top: 482px;
	left: 2px;
}

@media screen and (min-width: 991px) and (max-width: 1349px) {
	.page-contact .contact-top {
		padding-top: calc(var(--spacing) + 47.5px);
		padding-bottom: calc(var(--spacing) + 47.5px);
	}

	.page-contact .contact-top .section-heading {
		margin-bottom: calc(1.5 * var(--spacing));
	}

	.page-contact .contact-top .section-heading .title + .desc {
		margin-top: calc(1.5 * var(--spacing));
	}

	.page-contact .contact-top .contact-text {
		font-size: calc(var(--size-md) + 1px);
	}

	.page-contact .contact-top .contact-phone {
		margin-top: calc(1.5 * var(--spacing));
	}

	.page-contact .contact-top .contact-phone a {
		font-size: calc(2 * var(--size-md));
		line-height: calc(2.35 * var(--size-md));
	}

	.page-contact .contact-top .contact-mail {
		margin-top: calc(var(--spacing) - 5px);
	}

	.page-contact .contact-top .contact-social {
		margin-top: calc(1.5 * var(--spacing));
	}

	.page-contact .contact-top .contact-form {
		padding: calc(var(--spacing) * 2) var(--spacing);
	}

	.page-contact .contact-bottom {
		padding-bottom: calc(var(--spacing) + 25px);
	}

	.page-contact .contact-bottom iframe {
		height: auto;
		min-height: 45vh;
		max-height: 60vh;
	}

	.page-contact .page-contact_decor {
		display: none;
	}
}

@media screen and (max-width: 991px) {
	.page-contact .contact-top {
		padding-top: calc(var(--spacing) + 25px);
		padding-bottom: calc(var(--spacing) + 25px);
		text-align: center;
	}

	.page-contact .contact-top .section-heading {
		margin-bottom: calc(1.5 * var(--spacing));
	}

	.page-contact .contact-top .section-heading .title + .desc {
		margin-left: auto;
		margin-right: auto;
		margin-top: calc(1.5 * var(--spacing));
	}

	.page-contact .contact-top .contact-text {
		margin-left: auto;
		margin-right: auto;
		max-width: 70%;
		font-size: calc(var(--size-md) + 1px);
	}

	.page-contact .contact-top .contact-phone {
		margin-top: calc(1.5 * var(--spacing));
	}

	.page-contact .contact-top .contact-phone a {
		font-size: calc(2 * var(--size-md));
		line-height: calc(2.35 * var(--size-md));
	}

	.page-contact .contact-top .contact-mail {
		margin-top: calc(var(--spacing) - 5px);
	}

	.page-contact .contact-top .contact-social {
		margin-top: calc(1.5 * var(--spacing));
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center !important;
		-ms-flex-pack: center !important;
		justify-content: center !important;
	}

	.page-contact .contact-top .contact-social > span {
		width: 100%;
		display: block;
		text-align: center;
		margin-bottom: var(--spacing);
	}

	.page-contact .contact-top .contact-social > a {
		margin: 0 calc(var(--spacing) - 5px);
	}

	.page-contact .contact-top .contact-form {
		margin-top: calc(2.5 * var(--spacing));
		padding: calc(var(--spacing) * 2) var(--spacing);
	}

	.page-contact .contact-bottom {
		padding-bottom: calc(var(--spacing) + 25px);
	}

	.page-contact .contact-bottom iframe {
		height: auto;
		min-height: 45vh;
		max-height: 60vh;
	}

	.page-contact .page-contact_decor {
		display: none;
	}
}

/*================= BREADCRUMB ====================*/
.section-breadcrumb {
	padding: calc(7 * var(--spacing));
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.section-breadcrumb .breadcrumb-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.section-breadcrumb .breadcrumb-wrapper .section-heading {
	margin-bottom: 0;
}

.section-breadcrumb .breadcrumb-wrapper .section-heading .title {
	color: var(--bs-white);
	font-size: calc(4 * var(--size-md));
	line-height: calc(5.2 * var(--size-md));
	font-weight: 700;
}

.section-breadcrumb .breadcrumb-wrapper .section-heading .desc {
	color: var(--bs-white);
	margin-top: calc(var(--spacing) - 10px);
}

@media screen and (min-width: 992px) and (max-width: 1349px) {
	.section-breadcrumb {
		padding: calc(var(--spacing) * 4) 0;
	}

	.section-breadcrumb .breadcrumb-wrapper .section-heading .title {
		font-size: calc(2 * var(--size-md));
		line-height: calc(2.35 * var(--size-md));
	}
}

@media screen and (max-width: 991px) {
	.section-breadcrumb {
		padding: calc(var(--spacing) * 4) 0;
	}

	.section-breadcrumb .breadcrumb-wrapper {
		text-align: left;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.section-breadcrumb .breadcrumb-wrapper .section-heading .title {
		font-size: calc(2 * var(--size-md));
		line-height: calc(2.35 * var(--size-md));
	}
}

/*================= PAGINATION ====================*/
.section-pagination {
	margin-top: calc(var(--spacing) * 4);
}

.section-pagination .pagination {
	margin-bottom: 0;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.section-pagination .pagination .page-item {
	margin: 0 calc(var(--spacing) - 10px);
}

.section-pagination .pagination .page-item .page-link {
	border-radius: 50%;
	border: 0;
	background-color: transparent;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	line-height: 50px;
	cursor: pointer;
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
	color: var(--gray-900);
	font-size: var(--size-xl);
	font-weight: 700;
	margin-left: 0;
	padding: 0 calc(var(--spacing) - 5px);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.section-pagination .pagination .page-item .page-icon {
	font-size: calc(2 * var(--size-md));
}

.section-pagination .pagination .page-item .page-link:hover {
	color: var(--primary-color);
}

.section-pagination .pagination .page-item.active .page-link {
	width: 50px;
	color: var(--primary-color);
	background-color: var(--primary-light);
}

/*================= BREADCRUMB PRODUCT ====================*/
.product-breadcrumb {
	padding-top: var(--spacing);
	padding-bottom: var(--spacing);
}

.product-breadcrumb .breadcrumb {
	margin-bottom: 0;
}

.product-breadcrumb .breadcrumb .breadcrumb-item {
	font-size: calc(var(--size-lg) - 1px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.product-breadcrumb .breadcrumb .breadcrumb-item > a {
	color: var(--gray-500);
}

.product-breadcrumb .breadcrumb .breadcrumb-item > a:hover {
	color: var(--gray-900);
}

.product-breadcrumb .breadcrumb .breadcrumb-item:last-child,
.product-breadcrumb .breadcrumb .breadcrumb-item:last-child > a {
	color: var(--primary-color) !important;
}

.product-breadcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item {
	padding-left: var(--spacing);
}

.product-breadcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
	content: "";
	font-weight: 300;
	color: var(--gray-500);
	padding-right: 0;
	margin-right: var(--spacing);
	height: 1px;
	width: 6px;
	background: #a7a8a8;
	display: block;
}

@media screen and (max-width: 767px) {
	.product-breadcrumb .breadcrumb .breadcrumb-item {
		display: none;
	}

	.product-breadcrumb .breadcrumb .breadcrumb-item:nth-child(1),
	.product-breadcrumb .breadcrumb .breadcrumb-item:nth-child(2) {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}

/*================= PAGE DETAIL ARTICLE ====================*/
.article-detail_content .article-detail_title {
	font-size: calc(2.2 * var(--size-md));
	line-height: calc(2.9 * var(--size-md));
	font-weight: 900;
	color: var(--gray-900);
	margin-bottom: var(--spacing);
}

.article-detail_content .article-detail_meta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: calc(2 * var(--spacing));
	font-size: var(--size-md);
	color: var(--gray-700);
}

.article-detail_content
.article-detail_meta
.article-detail_breadcrumb
.breadcrumb {
	margin-bottom: 0;
}

.article-detail_content
.article-detail_meta
.article-detail_breadcrumb
.breadcrumb
.breadcrumb-item
> a {
	font-size: var(--size-md);
	color: var(--gray-700);
}

.article-detail_content
.article-detail_meta
.article-detail_breadcrumb
.breadcrumb
.breadcrumb-item
> a:hover {
	color: var(--primary-color);
}

.article-detail_content .article-detail_meta .article-detail_share {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	z-index: 1;
}

.article-detail_content .article-detail_thumbnail {
	margin-bottom: var(--spacing);
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.article-detail_content .article-detail_thumbnail img {
	width: 100%;
}

.article-detail_content .article-detail_description {
	font-size: calc(var(--size-md) + 1px);
	color: var(--gray-900);
	line-height: 1.7;
}

.article-detail_content .article-detail_description img {
	max-width: 100%;
}

.article-detail_content .article-detail_description p:last-child,
.article-detail_content .article-detail_description ul:last-child {
	margin-bottom: 0;
}

.article-detail_content .article-detail_description h2,
.article-detail_content .article-detail_description h3,
.article-detail_content .article-detail_description h4,
.article-detail_content .article-detail_description h5,
.article-detail_content .article-detail_description h6 {
	color: var(--gray-900);
	font-weight: 900;
	margin-bottom: calc(var(--spacing) + 5px);
	line-height: calc(2.1 * var(--size-md));
}

.article-detail_content .article-detail_description h2 {
	font-size: 1.6rem;
}

.article-detail_content .article-detail_description h3 {
	font-size: 1.45rem;
}

.article-detail_content .article-detail_description h4 {
	font-size: 1.3rem;
}

.article-detail_content .article-detail_description h5 {
	font-size: 1.15rem;
}

.article-detail_content .article-detail_description h6 {
	font-size: 1rem;
}

.page-article_detail .article-detail_sidebar {
	padding-top: calc(var(--spacing) - 2px);
}

.page-article_detail .article-detail_sidebar + .article-detail_sidebar {
	margin-top: calc(2 * var(--spacing));
}

.page-article_detail .article-detail_sidebar .section-heading_decor {
	margin-bottom: calc(1.5 * var(--spacing));
}

.page-article_detail .article-detail_sidebar .section-heading_decor .title {
	font-size: calc(1.4 * var(--size-md));
	line-height: calc(1.5 * var(--size-md));
}

.page-article_detail
.article-detail_sidebar
.article-card.article-card_row
.card-header {
	width: 27.5%;
}

.page-article_detail
.article-detail_sidebar
.article-card.article-card_row
.card-body
.card-title {
	font-size: calc(var(--size-md) + 1px);
}

.page-article_detail
.article-detail_sidebar
.article-card.article-card_row
.card-body
.card-time {
	font-size: calc(var(--size-sm) + 1px);
}

.page-article_detail
.article-detail_sidebar
.article-card.article-card_row
+ .article-card.article-card_row {
	margin-top: calc(2 * var(--spacing));
}

.page-article_detail
.article-detail_sidebar
.article-card.article-card_row
+ .article-card.article-card_row:before {
	top: calc(-1 * var(--spacing));
}

@media screen and (min-width: 992px) and (max-width: 1349px) {
	.article-detail_content .article-detail_title {
		font-size: calc(1.75 * var(--size-md));
		line-height: calc(2.1 * var(--size-md));
	}

	.article-detail_content .article-detail_meta {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.article-detail_content .article-detail_meta > * {
		margin-top: calc(var(--spacing) - 5px);
	}

	.article-detail_content .article-detail_description h2 {
		font-size: 1.3rem;
	}

	.article-detail_content .article-detail_description h3 {
		font-size: 1.2rem;
	}

	.article-detail_content .article-detail_description h4 {
		font-size: 1.1rem;
	}

	.article-detail_content .article-detail_description h5 {
		font-size: 1rem;
	}

	.article-detail_content .article-detail_description h6 {
		font-size: 0.9rem;
	}

	.page-article_detail .article-detail_sidebar {
		padding-top: calc(var(--spacing) - 10px);
	}
}

@media screen and (max-width: 991px) {
	.article-detail_content .article-detail_title {
		font-size: calc(1.75 * var(--size-md));
		line-height: calc(2.3 * var(--size-md));
	}

	.article-detail_content .article-detail_meta {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.article-detail_content .article-detail_meta > * {
		margin-top: calc(var(--spacing) - 5px);
	}

	.article-detail_content .article-detail_description h2 {
		font-size: 1.3rem;
	}

	.article-detail_content .article-detail_description h3 {
		font-size: 1.2rem;
	}

	.article-detail_content .article-detail_description h4 {
		font-size: 1.1rem;
	}

	.article-detail_content .article-detail_description h5 {
		font-size: 1rem;
	}

	.article-detail_content .article-detail_description h6 {
		font-size: 0.9rem;
	}

	.page-article_detail .article-detail_sidebar .article-card.article-card_row {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}

	.page-article_detail
	.article-detail_sidebar
	.article-card.article-card_row
	.card-body {
		padding: 0 var(--spacing) !important;
	}
}

/*================= PAGE ACCOUNT ====================*/
.page-account {
	background-color: var(--bg-light);
	position: relative;
	overflow: hidden;
}

.page-account .page-account_decor {
	position: absolute;
	width: 144px;
	height: 117px;
	display: block;
	background-size: cover;
	z-index: 0;
	top: 482px;
	left: 2px;
}

.account-form {
	padding: 30px;
	border-radius: 8px;
	-webkit-box-shadow: 0px 6px 14px -6px rgba(24, 39, 75, 0.12),
	0px 10px 32px -4px rgba(24, 39, 75, 0.1);
	box-shadow: 0px 6px 14px -6px rgba(24, 39, 75, 0.12),
	0px 10px 32px -4px rgba(24, 39, 75, 0.1);
	position: relative;
	z-index: 2;
}

.account-form .account-form_heading {
	position: relative;
	text-align: center;
	margin-bottom: 2.5rem;
}

.account-form .account-form_heading .title {
	color: var(--gray-900);
	font-weight: 900;
	font-size: calc(1.8 * var(--size-md));
	padding-bottom: calc(var(--spacing) - 10px);
}

.account-form .account-form_heading .line {
	height: 1px;
	width: 100%;
	background: #e4e4e7;
	display: block;
	position: relative;
	margin-top: 15px;
}

.account-form .account-form_heading .line:before {
	width: 115px;
	height: 3px;
	background: var(--primary-color);
	z-index: 2;
	display: block;
	content: "";
	position: absolute;
	bottom: -1px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.frm-validation .frm-validation_item {
	position: relative;
}

.frm-validation .frm-validation_item .frm-validation_label {
	font-weight: 500;
	color: var(--gray-800);
	margin-bottom: 5px;
	font-size: calc(var(--size-md) + 1px);
}

.frm-validation .frm-validation_item .form-control {
	border-radius: 5px;
	border: 0 !important;
	background-color: var(--gray-100);
	height: 44px;
}

.frm-validation .frm-validation_item .frm-validation_ratio {
	color: var(--gray-800);
	font-size: calc(var(--size-md) + 1px);
	cursor: pointer;
}

.frm-validation .frm-validation_item .frm-validation_ratio .form-check-input {
	width: 1.1em;
	height: 1.1em;
	margin-top: 0.2em;
}

.frm-validation
.frm-validation_item
.frm-validation_ratio
.form-check-input:checked {
	border-color: var(--primary-color) !important;
	background-color: var(--primary-color);
}

.frm-validation .frm-validation_item .frm-validation_ratio .form-check-label {
	cursor: pointer;
}

.frm-validation.was-validated
.frm-validation_item
.frm-validation_ratio
.form-check-input:valid {
	border: 1px solid rgba(0, 0, 0, 0.25);
}

.frm-validation.was-validated
.frm-validation_item
.frm-validation_ratio
.form-check-input:valid
~ .form-check-label {
	color: var(--gray-800);
}

.frm-validation .frm-validation_item .form-control.disabled,
.frm-validation .frm-validation_item .form-control:disabled {
	cursor: not-allowed;
}

.frm-validation .frm-validation_item .btn-pass {
	position: absolute;
	right: 5px;
	top: 4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border: 0;
	border-left: 1px solid var(--gray-200);
	cursor: pointer;
	z-index: 2;
	background-color: transparent;
	color: var(--gray-500);
	font-size: calc(var(--size-md) + 1px);
}

.frm-validation .frm-validation_item .btn-pass + .form-control {
	padding-right: 50px;
}

.frm-validation .frm-validation_item textarea.form-control {
	height: auto;
}

.frm-wrap_pass .form-control.is-invalid,
.was-validated .frm-wrap_pass .form-control:invalid {
	background-position: right calc(0.375em + 0.1875rem + 50px) center;
}

.frm-validation .frm-validation_item .form-control.is-valid,
.frm-validation.was-validated .frm-validation_item .form-control:valid {
	padding-right: 0.75rem;
	background-image: none;
}

.frm-validation .frm-validation_item .form-control::-webkit-input-placeholder {
	color: var(--gray-500);
	font-size: calc(var(--size-md) + 1px);
}

.frm-validation .frm-validation_item .form-control::-moz-placeholder {
	color: var(--gray-500);
	font-size: calc(var(--size-md) + 1px);
}

.frm-validation .frm-validation_item .form-control:-ms-input-placeholder {
	color: var(--gray-500);
	font-size: calc(var(--size-md) + 1px);
}

.frm-validation .frm-validation_item .form-control::-ms-input-placeholder {
	color: var(--gray-500);
	font-size: calc(var(--size-md) + 1px);
}

.frm-validation .frm-validation_item .form-control::placeholder {
	color: var(--gray-500);
	font-size: calc(var(--size-md) + 1px);
}

.frm-validation .frm-validation_item .frm-validation_valid {
	font-size: calc(var(--size-md) + 1px);
}

.frm-validation .frm-validation_item.frm-validation_button {
	margin-top: 35px !important;
}

.frm-validation .frm-validation_item.frm-validation_button .button-theme {
	padding: 11px 40px;
	border-radius: 100px;
	width: 100%;
	font-size: 1.2em;
}

.frm-validation .frm-validation_item + .frm-validation_item {
	margin-top: 25px;
}

.frm-validation .frm-validation_desc a {
	color: var(--gray-800);
	font-weight: 700;
	font-size: calc(var(--size-md) + 1px);
}

.frm-validation .frm-validation_desc a:hover {
	color: var(--primary-color);
}

@media screen and (max-width: 991px) {
	.account-form .account-form_heading .title {
		font-size: calc(1.5 * var(--size-md));
	}

	.frm-validation .frm-validation_item.frm-validation_button .button-theme {
		font-size: 1.1em;
	}
}

/*================= PAGE CATEGORY ====================*/
.category-search {
	border-top: 1px solid var(--gray-200);
	background-color: var(--bg-light);
	padding-top: calc(15px + var(--spacing));
	padding-bottom: calc(15px + var(--spacing));
	position: relative;
	z-index: 10;
}

.category-search .category-search_item {
	position: relative;
}

.category-search_label {
	font-size: calc(var(--size-lg) - 1px);
}

.category-search .category-search_item .category-search_input {
	position: relative;
}

.category-search .category-search_item .category-search_input .form-control {
	border-radius: 10px;
	-webkit-box-shadow: 1px 1px 0 0 rgb(196 196 196 / 24%);
	box-shadow: 1px 1px 0 0 rgb(196 196 196 / 24%);
	border: 1px solid #e7edf3;
	background: #fff;
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	white-space: normal;
	padding: 10px 30px 10px 22px;
	min-height: 51px;
	font-size: calc(1px + var(--size-md));
	color: #2f3b48;
	line-height: 1.7;
}

.category-search .category-search_item .category-search_input:before {
	content: "\f002";
	font-weight: 500;
	font-family: "Font Awesome 5 Pro";
	font-size: var(--size-lg);
	color: #2f3b48;
	position: absolute;
	top: 15px;
	right: 15px;
	display: block;
	z-index: 2;
}

.category-search
.category-search_item
.category-search_input
.form-control:focus {
	border-color: var(--primary-color);
}

.category-search .category-search_item .category-search_input .dropdown-clear {
	font-size: var(--size-xl);
	color: #191a1a;
	position: absolute;
	top: 6px;
	right: 5px;
	display: none;
	padding: 0;
	border: 0;
	background-color: transparent;
	width: 35px;
	height: 35px;
	fill: var(--primary-color);
}

.category-search
.category-search_item
.category-search_input.is-value
.form-control {
	border-color: var(--primary-color);
	color: var(--primary-color);
	font-weight: 600;
}

.category-search .category-search_item .category-search_input.is-value:before {
	display: none;
}

.category-search
.category-search_item
.category-search_input.is-value
.dropdown-clear {
	display: block;
}

.category-search .category-search_item .category-search_dropdown {
	position: relative;
}

.category-search .category-search_item .category-search_dropdown.is-disabled {
	opacity: 0.75;
	cursor: not-allowed;
}

.category-search
.category-search_item
.category-search_dropdown.is-disabled
.dropdown-button {
	background: #f4f4f4;
}

.category-search .category-search_item .category-search_dropdown.is-disabled * {
	pointer-events: none;
}

.category-search
.category-search_item
.category-search_dropdown
.dropdown-button {
	border-radius: 10px;
	-webkit-box-shadow: 1px 1px 0 0 rgb(196 196 196 / 24%);
	box-shadow: 1px 1px 0 0 rgb(196 196 196 / 24%);
	border: 1px solid #e7edf3;
	background: #fff;
	position: relative;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	white-space: normal;
	padding: 10px 30px 10px 22px;
	min-height: 51px;
	font-size: calc(1px + var(--size-md));
	color: #2f3b48;
	-webkit-transition: 0.1s all ease;
	-o-transition: 0.1s all ease;
	transition: 0.1s all ease;
	min-width: 200px;
	max-width: 100%;
}

.category-search
.category-search_item
.category-search_dropdown
.dropdown-button:before {
	content: "\f107";
	font-weight: 500;
	font-family: "Font Awesome 5 Pro";
	font-size: var(--size-lg);
	color: #2f3b48;
	position: absolute;
	top: 15px;
	right: 15px;
	display: block;
}

.category-search
.category-search_item
.category-search_dropdown
.dropdown-clear {
	font-size: var(--size-xl);
	color: #191a1a;
	position: absolute;
	top: 6px;
	right: 5px;
	display: none;
	padding: 0;
	border: 0;
	background-color: transparent;
	width: 35px;
	height: 35px;
	fill: var(--primary-color);
}

.category-search
.category-search_item
.category-search_dropdown
.dropdown-list {
	margin-bottom: 0;
	list-style-type: none;
	position: absolute;
	z-index: 2;
	top: calc(100% - 1px);
	left: 0;
	right: 0;
	width: 100%;
	overflow-y: auto;
	-webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 15%);
	box-shadow: 0 3px 6px 0 rgb(0 0 0 / 15%);
	border: 1px solid rgba(60, 60, 60, 0.26);
	border-top-style: none;
	border-radius: 0 0 4px 4px;
	background: var(--bs-white);
	padding: 22px 0 12px;
	margin-top: -13px !important;
	max-height: 350px !important;
	display: none;
}

.category-search
.category-search_item
.category-search_dropdown
.dropdown-list
.dropdown-list_item {
	padding: 10px 45px 11px 27px;
	font-size: calc(1px + var(--size-md));
	color: #2f3b48;
	font-weight: 500;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
}

.category-search
.category-search_item
.category-search_dropdown
.dropdown-list
.dropdown-list_item
> span {
	position: absolute;
	right: 15px;
	top: 10px;
}

.category-search
.category-search_item
.category-search_dropdown
.dropdown-list
.dropdown-list_item:hover,
.category-search
.category-search_item
.category-search_dropdown
.dropdown-list
.dropdown-list_item.is-active {
	color: var(--primary-color);
}

.category-search
.category-search_item
.category-search_dropdown
.dropdown-list
.dropdown-list_item.is-active {
	background-color: var(--primary-light);
}

.category-search
.category-search_item
.category-search_dropdown
.dropdown-list::-webkit-scrollbar {
	width: 4px;
}

.category-search
.category-search_item
.category-search_dropdown
.dropdown-list::-webkit-scrollbar-track {
	background: transparent;
}

.category-search
.category-search_item
.category-search_dropdown
.dropdown-list::-webkit-scrollbar-thumb {
	background: #d7d7d7;
	-webkit-transition: var(--transition-default);
	transition: var(--transition-default);
}

.category-search
.category-search_item
.category-search_dropdown
.dropdown-list::-webkit-scrollbar-thumb:hover {
	background: #e5e5e5;
}

.category-search
.category-search_item
.category-search_dropdown.dropdown-danhmuc.is-show
.dropdown-button {
	border-color: var(--primary-color);
	z-index: 3;
}

.category-search
.category-search_item
.category-search_dropdown.dropdown-danhmuc.is-show
.dropdown-list {
	display: block;
}

.category-search
.category-search_item
.category-search_dropdown.dropdown-danhmuc.is-value
.dropdown-button:before {
	display: none;
}

.category-search
.category-search_item
.category-search_dropdown.dropdown-danhmuc.is-value
.dropdown-button {
	color: var(--primary-color);
	border-color: var(--primary-color);
	font-weight: 600;
}

.category-search
.category-search_item
.category-search_dropdown.dropdown-danhmuc.is-value
.dropdown-clear {
	display: block;
}

.category-inner {
	border-top: 1px solid var(--gray-200);
}

.category-inner .section-heading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.category-inner .section-heading .title {
	font-size: calc(2 * var(--size-md));
	line-height: calc(2.35 * var(--size-md));
}

.section-dropdown {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.section-dropdown .dropdown-title {
	font-size: var(--size-lg);
	font-weight: 500;
	color: var(--gray-700);
	margin-right: calc(var(--spacing) - 5px);
	white-space: nowrap;
}

.section-dropdown .dropdown-title .dropdown-clear_all {
	font-size: calc(var(--size-lg) - 1px);
}

.section-dropdown .dropdown-wrap {
	position: relative;
	width: 100%;
	max-width: 375px;
	z-index: 1;
}

.section-dropdown .dropdown-wrap .dropdown-button {
	border-radius: 10px;
	-webkit-box-shadow: 1px 1px 0 0 rgb(196 196 196 / 24%);
	box-shadow: 1px 1px 0 0 rgb(196 196 196 / 24%);
	border: 1px solid #e7edf3;
	background: #fff;
	position: relative;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	white-space: normal;
	padding: 10px 30px 10px 22px;
	min-height: 51px;
	font-size: calc(1px + var(--size-md));
	color: #2f3b48;
	-webkit-transition: 0.1s all ease;
	-o-transition: 0.1s all ease;
	transition: 0.1s all ease;
	min-width: 220px;
	max-width: 100%;
	width: 100%;
}

.section-dropdown .dropdown-wrap.dropdown-danhmuc.is-value .dropdown-button {
	color: var(--primary-color);
	border-color: var(--primary-color);
	font-weight: 600;
}

.section-dropdown .dropdown-wrap .dropdown-button .dropdown-clear {
	font-size: var(--size-xl);
	color: #191a1a;
	position: absolute;
	top: 6px;
	right: 5px;
	display: none;
	padding: 0;
	border: 0;
	background-color: transparent;
	width: 35px;
	height: 35px;
	fill: var(--primary-color);
}

.section-dropdown .dropdown-wrap.dropdown-danhmuc.is-value .dropdown-clear {
	display: block;
}

.section-dropdown .dropdown-wrap .dropdown-button:before {
	content: "\f107";
	font-weight: 500;
	font-family: "Font Awesome 5 Pro";
	font-size: var(--size-lg);
	color: #2f3b48;
	position: absolute;
	top: 15px;
	right: 15px;
	display: block;
}

.section-dropdown
.dropdown-wrap.dropdown-danhmuc.is-value
.dropdown-button:before {
	display: none;
}

.section-dropdown .dropdown-wrap .dropdown-list {
	margin-bottom: 0;
	list-style-type: none;
	position: absolute;
	top: calc(100% - 1px);
	left: 0;
	right: 0;
	width: 100%;
	overflow-y: auto;
	-webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 15%);
	box-shadow: 0 3px 6px 0 rgb(0 0 0 / 15%);
	border: 1px solid rgba(60, 60, 60, 0.26);
	border-top-style: none;
	border-radius: 0 0 4px 4px;
	background: var(--bs-white);
	padding: 22px 0 12px;
	margin-top: -13px !important;
	max-height: 350px !important;
	display: none;
}

.section-dropdown .dropdown-wrap .dropdown-list .dropdown-list_item {
	padding: 10px 35px 11px 27px;
	font-size: calc(1px + var(--size-md));
	color: #2f3b48;
	font-weight: 500;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
}

.section-dropdown .dropdown-wrap .dropdown-list .dropdown-list_item > span {
	position: absolute;
	right: 5px;
	top: 10px;
}

.section-dropdown .dropdown-wrap .dropdown-list .dropdown-list_item:hover,
.section-dropdown .dropdown-wrap .dropdown-list .dropdown-list_item.is-active {
	color: var(--primary-color);
}

.section-dropdown .dropdown-wrap .dropdown-list .dropdown-list_item.is-active {
	background-color: var(--primary-light);
}

.section-dropdown .dropdown-wrap .dropdown-list::-webkit-scrollbar {
	width: 4px;
}

.section-dropdown .dropdown-wrap .dropdown-list::-webkit-scrollbar-track {
	background: transparent;
}

.section-dropdown .dropdown-wrap .dropdown-list::-webkit-scrollbar-thumb {
	background: #d7d7d7;
	-webkit-transition: var(--transition-default);
	transition: var(--transition-default);
}

.section-dropdown .dropdown-wrap .dropdown-list::-webkit-scrollbar-thumb:hover {
	background: #e5e5e5;
}

.section-dropdown .dropdown-danhmuc.is-show .dropdown-button {
	border-color: var(--primary-color);
	z-index: 2;
}

.section-dropdown .dropdown-danhmuc.is-show .dropdown-list {
	display: block;
}

@media screen and (max-width: 991px) {
	.category-inner .section-heading {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.category-inner .section-heading .title {
		font-size: calc(1.8 * var(--size-md));
		line-height: calc(2.15 * var(--size-md));
	}

	.category-inner .section-heading .section-dropdown {
		margin-top: var(--spacing);
	}

	.category-inner .section-heading .section-dropdown .dropdown-title {
		font-size: calc(var(--size-md) + 1px);
	}

	.category-inner
	.section-heading
	.section-dropdown
	.dropdown-wrap
	.dropdown-button {
		min-height: 46px;
	}

	.category-search {
		position: fixed;
		top: 0;
		right: 0;
		-webkit-transition: visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
		opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
		-webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
		opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
		-webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
		-o-transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
		visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
		opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
		visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
		opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
		visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
		opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
		-webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
		background: var(--bs-light);
		-ms-touch-action: manipulation;
		touch-action: manipulation;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		overflow: hidden;
		height: 100%;
		max-width: 425px;
		width: 100%;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		-webkit-transform: translate3d(104%, 0, 0);
		transform: translate3d(104%, 0, 0);
		z-index: 101;
		border-radius: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		padding: 0;
		border: 0;
	}

	.category-search .category-search_header {
		background-color: var(--bs-white);
		padding: calc(var(--spacing) - 2px) 0;
		border-bottom: 1px solid var(--gray-200);
		position: relative;
		z-index: 12;
	}

	.category-search .category-search_header--title {
		padding-right: 50px;
		position: relative;
		font-size: var(--size-xl);
		font-weight: 700;
		color: var(--gray-900);
	}

	.category-search .category-search_header--title button {
		position: absolute;
		top: 50%;
		right: 0;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		padding: 0;
		border: 0;
		background-color: transparent;
		height: 30px;
		width: 30px;
		border-radius: 50%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		font-size: var(--size-md);
		color: var(--gray-600);
		opacity: 0.75;
	}

	.category-search .category-search_header--title button:active {
		opacity: 1;
		color: var(--gray-800);
	}

	.category-search .category-search_body {
		background-color: var(--bs-light);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		height: 100%;
		max-height: 100%;
		overflow: auto;
		z-index: 12;
		position: relative;
		padding: var(--spacing) 0;
	}

	.category-search_overlay {
		position: fixed;
		top: 0;
		left: 0;
		height: 100vh;
		width: 100vw;
		z-index: 10;
		visibility: hidden;
		pointer-events: none;
		opacity: 0;
		background: rgba(0, 0, 0, 0.7);
		-webkit-transition: var(--transition-default);
		-o-transition: var(--transition-default);
		transition: var(--transition-default);
	}

	.is-filter .category-search {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.is-filter .category-search_overlay {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}
}

/*================= PAGE PRODUCT ====================*/
.product-wrap {
	padding-bottom: calc(35px + var(--spacing));
}

.product-wrap .product-images img {
	max-width: 100%;
	height: auto;
	cursor: pointer;
}

.product-wrap .product-images .product-avatar {
	border-radius: 10px;
	position: relative;
	overflow: hidden;
}

.product-wrap .product-images .product-avatar .button-slider {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 3;
	visibility: hidden;
	pointer-events: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.product-wrap
.product-images
.product-avatar
.button-slider.button-slider_prev {
	left: -50px;
}

.product-wrap
.product-images
.product-avatar
.button-slider.button-slider_next {
	right: -50px;
}

.product-wrap .product-images .product-avatar:hover .button-slider {
	visibility: visible;
	pointer-events: auto;
}

.product-wrap
.product-images
.product-avatar:hover
.button-slider.button-slider_prev {
	left: 20px;
}

.product-wrap
.product-images
.product-avatar:hover
.button-slider.button-slider_next {
	right: 20px;
}

.product-wrap .product-images .product-avatar .product-avatar_counting {
	position: absolute;
	z-index: 3;
	right: 22px;
	bottom: 10px;
	font-weight: 900;
	color: var(--bs-white);
	font-size: var(--size-xxl);
	letter-spacing: 1px;
}

.product-wrap .product-images .product-avatar .product-avatar_counting > i {
	color: #d9d9d9;
	margin-right: calc(var(--spacing) - 10px);
}

.product-wrap .product-images .product-thumb {
	margin-top: var(--spacing);
}

.product-wrap .product-images .product-thumb .product-thumb_image {
	opacity: 0.6;
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
	border: 2px solid transparent;
	border-radius: 10px;
	overflow: hidden;
}

.product-wrap
.product-images
.product-thumb
.swiper-slide-thumb-active
.product-thumb_image {
	opacity: 1;
	border-color: var(--primary-color);
}

.product-wrap .product-detail .product-title {
	font-weight: 900;
	color: var(--gray-900);
	font-size: calc(2 * var(--size-md));
	line-height: calc(2.4 * var(--size-md));
	margin-bottom: var(--spacing);
}

.product-wrap .product-detail .product-divider {
	margin: calc(1.5 * var(--spacing)) 0;
	width: 100%;
	display: block;
	height: 1px;
	background-color: var(--gray-200);
}

.product-wrap .product-detail .product-price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.product-wrap .product-detail .product-price ins {
	font-weight: 900;
	color: var(--primary-color);
	font-size: calc(2.15 * var(--size-md));
	line-height: calc(3 * var(--size-md));
	text-decoration: none;
}

.product-wrap .product-detail .product-price del {
	margin-left: var(--spacing);
	color: var(--gray-400);
	font-size: var(--size-xxxl);
	padding-top: 6px;
}

.product-wrap .product-detail .product-favourite {
	margin-top: var(--spacing);
}

.product-wrap .product-detail .product-favourite > button {
	border: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: transparent;
	padding: 0;
	color: #a7a7a7;
	font-size: var(--size-lg);
}

.product-wrap .product-detail .product-favourite > button > i {
	font-size: var(--size-xl);
	margin-right: calc(var(--spacing) - 10px);
}

.product-wrap .product-detail .product-favourite > button:hover {
	color: var(--gray-900);
}

.product-wrap .product-detail .product-favourite > button.is-selected {
	color: #ee972d;
}

.product-wrap .product-detail .product-favourite > button.is-selected > i {
	font-weight: 900;
}

.product-wrap .product-detail .product-text-html {
	margin-top: var(--spacing);
}

.product-wrap .product-detail .product-meta {
	margin-top: calc(2 * var(--spacing));
	padding: var(--spacing) calc(2 * var(--spacing));
	border-radius: 10px;
	background-color: #f2f5fb;
}

.product-wrap .product-detail .product-meta .product-meta_item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: calc(var(--spacing) - 3px);
	color: var(--gray-900);
	font-size: calc(var(--size-lg) - 1px);
}

.product-wrap .product-detail .product-meta .product-meta_item:last-child {
	margin-bottom: 0;
}

.product-wrap
.product-detail
.product-meta
.product-meta_item
.product-meta_item--title {
	width: 50%;
	font-weight: 700;
}

.product-wrap
.product-detail
.product-meta
.product-meta_item
.product-meta_item--value {
	width: 50%;
}

.product-wrap .product-detail .product-buttons {
	margin-top: var(--spacing);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.product-wrap .product-detail .product-buttons .product-buttons_item {
	width: 100%;
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	color: var(--bs-white);
	font-size: var(--size-lg);
	cursor: pointer;
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
	font-weight: 700;
	padding: calc(var(--spacing) - 5px) var(--spacing);
	text-decoration: none;
	border: 1px solid transparent;
}

.product-wrap
.product-detail
.product-buttons
.product-buttons_item
+ .product-buttons_item {
	margin-top: var(--spacing);
}

.product-wrap .product-detail .product-buttons .product-buttons_item > i {
	margin-right: calc(var(--spacing) - 7px);
	font-size: var(--size-xxl);
}

.product-wrap .product-detail .product-buttons .product-buttons_item > img {
	margin-right: calc(var(--spacing) - 7px);
	width: 24px;
	height: 24px;
}

.product-wrap
.product-detail
.product-buttons
.product-buttons_item.product-buttons_phone {
	background-color: var(--primary-color);
}

.product-wrap
.product-detail
.product-buttons
.product-buttons_item.product-buttons_zalo {
	background: -o-linear-gradient(45deg, #3386ff, #0068ff);
	background: linear-gradient(45deg, #3386ff, #0068ff);
}

.product-wrap .product-detail .product-buttons .product-buttons_item:hover {
	opacity: 0.85;
}

.product-wrap .product-detail .product-social {
	margin-top: var(--spacing);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.product-wrap .product-description {
	margin-top: calc(var(--spacing) * 2);
	font-size: calc(var(--size-md) + 1px);
	color: var(--gray-900);
	line-height: 1.7;
	position: relative;
}

.product-wrap .product-description.is-limit_height {
	height: var(--min-height);
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
	overflow: hidden;
}

.product-wrap .product-description.is-show_more {
	padding-bottom: calc(4 * var(--spacing));
}

.product-wrap .product-description.is-show_more .button-more {
	display: block;
}

.product-wrap .product-description.is-showed {
	height: calc(var(--max-height) + (4 * var(--spacing)));
	padding-bottom: 0;
}

.product-wrap .product-description.is-showed .button-more {
	position: static;
	height: auto;
}

.product-wrap .product-description .button-more {
	margin-top: var(--spacing);
	position: absolute;
	height: calc(3 * var(--spacing));
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 2;
	background-color: var(--bs-white);
	display: none;
}

.product-wrap .product-description .button-more > button {
	border: 0;
	padding: 0;
	background-color: transparent;
	border-radius: 0;
	color: var(--primary-color);
	font-size: calc(var(--size-md) + 1px);
	text-decoration: underline;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.product-wrap .product-description .product-description_title {
	font-weight: 900;
	color: var(--gray-900);
	font-size: var(--size-xxxl);
	line-height: calc(3 * var(--size-md));
	margin-bottom: var(--spacing);
}

.product-wrap .product-description p:last-of-type,
.product-wrap .product-description ul:last-of-type {
	margin-bottom: 0;
}

.product-wrap .product-description h2,
.product-wrap .product-description h3,
.product-wrap .product-description h4,
.product-wrap .product-description h5,
.product-wrap .product-description h6 {
	color: var(--gray-900);
	font-weight: 900;
	margin-bottom: calc(var(--spacing) + 5px);
}

.product-wrap .product-description h2 {
	font-size: 1.6rem;
}

.product-wrap .product-description h3 {
	font-size: 1.45rem;
}

.product-wrap .product-description h4 {
	font-size: 1.3rem;
}

.product-wrap .product-description h5 {
	font-size: 1.15rem;
}

.product-wrap .product-description h6 {
	font-size: 1rem;
}

.product-wrap .product-description .product-description_content--feature > ul {
	padding-left: 0;
	list-style-type: none;
	margin-bottom: calc(-1 * var(--spacing) - 5px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.product-wrap
.product-description
.product-description_content--feature
> ul
> li {
	width: 33.3333%;
	position: relative;
	color: var(--gray-900);
	font-weight: 500;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 20px;
	margin-bottom: calc(var(--spacing) - 5px);
}

.product-wrap
.product-description
.product-description_content--feature
> ul
> li:before {
	content: "";
	font-weight: 900;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: var(--primary-color);
	display: block;
	vertical-align: 0;
	position: absolute;
	top: 10px;
	left: 0;
}

.page-product .section-heading {
	margin-bottom: var(--spacing);
}

.page-product .section-heading .title {
	font-weight: 900;
	color: var(--gray-900);
	font-size: var(--size-xxxl);
	line-height: calc(3 * var(--size-md));
}

.page-product .product-contact {
	background-color: var(--bg-light);
}

.page-product .product-contact .form-theme .form-input {
	width: 100%;
	padding-left: var(--spacing);
	padding-right: var(--spacing);
}

.text-html-link {
	color: var(--primary-color);
	font-weight: 700;
	font-size: var(--size-xl);
}

.card-counselors {
	margin-top: calc(4 * var(--spacing) - 3px);
}

.card-counselors .card-header {
	border-radius: 10px 10px 10px 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #e7edf3;
	-webkit-box-shadow: 1.2px 1.6px 0 0 rgb(196 196 196 / 24%);
	box-shadow: 1.2px 1.6px 0 0 rgb(196 196 196 / 24%);
	background-color: var(--bs-white);
	padding: calc(1.5 * var(--spacing)) calc(5 * var(--spacing)) calc(2 * var(--spacing)) calc(2 * var(--spacing));
}

.card-counselors .card-header .card-title {
	font-size: var(--size-xxxl);
	line-height: calc(1.7 * var(--size-lg));
	color: var(--gray-900);
	font-weight: 700;
	margin-bottom: 0;
}

.card-counselors .card-header .card-text {
	color: var(--primary-color);
	font-size: calc(var(--size-lg) - 1px);
	margin-bottom: var(--spacing);
}

.card-counselors .card-header .card-image {
	width: calc(4.25 * var(--spacing));
	height: calc(4.25 * var(--spacing));
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
}

.card-counselors .card-body {
	border-radius: 10px 10px 10px 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #e7edf3;
	-webkit-box-shadow: 1.2px 1.6px 0 0 rgb(196 196 196 / 24%);
	box-shadow: 1.2px 1.6px 0 0 rgb(196 196 196 / 24%);
	background-color: var(--bs-white);
	margin-top: -10px;
	padding: calc(2.5 * var(--spacing)) calc(2 * var(--spacing)) calc(1.5 * var(--spacing)) calc(2 * var(--spacing));
}

.card-counselors .card-body .card-button {
	margin-top: calc(1.5 * var(--spacing));
}

.card-counselors .card-body .card-button > a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	border-radius: 10px;
	text-align: center;
	color: var(--gray-900);
	font-size: var(--size-lg);
	cursor: pointer;
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
	font-weight: 600;
	padding: calc(var(--spacing) - 3px) var(--spacing);
	text-decoration: none;
	border: 1px solid var(--primary-color);
}

.card-counselors .card-body .card-button > a:hover {
	background-color: var(--primary-light);
	color: var(--primary-color);
	border-color: var(--primary-color);
}

.card-counselors .card-body .card-button > a > i {
	color: var(--primary-color);
	margin-right: calc(var(--spacing) - 5px);
}

.card-counselors .card-link > a {
	color: var(--gray-900);
	font-size: calc(var(--size-lg) - 1px);
}

.card-counselors .card-link > a > i {
	color: var(--primary-color);
	margin-right: calc(var(--spacing) - 5px);
}

.card-counselors .card-link > a:hover {
	color: var(--primary-color);
}

.swal2-actions .btn {
	outline: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.swal2-title {
	font-size: 1.4em;
}

.swal2-html-container {
	font-size: 1em;
}

.product-empty {
	text-align: center;
	padding: 50px 0;
}

.product-empty .product-empty_icon {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: var(--spacing);
}

.product-empty .product-empty_icon img {
	width: 150px;
	height: 150px;
}

.product-empty .product-empty_title {
	font-size: 1.5rem;
	text-transform: capitalize;
	font-weight: 900;
	color: var(--bs-gray-900);
}

.product-empty .product-empty_desc {
	font-weight: 500;
	color: var(--bs-gray-600);
	font-size: 1rem;
}

.product-empty .product-empty_button {
	margin-top: var(--spacing);
	font-size: calc(var(--size-lg) - 1px);
	padding: calc(var(--spacing) - 6px) calc(var(--spacing) + 5px) calc(var(--spacing) - 5px);
}

@media screen and (max-width: 1349px) {
	.card-counselors .card-header .card-title {
		font-size: var(--size-xl);
		line-height: calc(1.5 * var(--size-lg));
	}

	.card-counselors .card-body .card-button > a {
		font-size: calc(var(--size-lg) - 1px);
	}

	.product-wrap .product-images .product-avatar .product-avatar_counting {
		font-size: var(--size-lg);
	}

	.product-wrap .product-description .product-description_title {
		font-size: var(--size-xxl);
		line-height: calc(2 * var(--size-md));
	}

	.product-wrap
	.product-description
	.product-description_content--feature
	> ul
	> li {
		width: 50%;
	}

	.product-wrap .product-detail .product-title {
		font-size: calc(1.75 * var(--size-md));
		line-height: calc(2.1 * var(--size-md));
	}

	.product-wrap .product-detail .product-divider {
		margin: calc(0.75 * var(--spacing)) 0;
	}

	.product-wrap .product-detail .product-price ins {
		font-size: calc(1.85 * var(--size-md));
		line-height: calc(2.2 * var(--size-md));
	}

	.product-wrap .product-detail .product-price del {
		font-size: var(--size-md);
	}

	.product-wrap .product-detail .product-favourite > button {
		font-size: calc(var(--size-lg) - 1px);
	}

	.product-wrap .product-detail .product-favourite > button > i {
		font-size: var(--size-lg);
		margin-top: -1px;
	}

	.product-wrap .product-detail .product-meta {
		padding: var(--spacing) calc(1.5 * var(--spacing));
	}

	.product-wrap .product-detail .product-buttons .product-buttons_item {
		font-size: calc(var(--size-md) + 1px);
	}

	.product-wrap .product-detail .product-buttons .product-buttons_item > img {
		width: 22px;
		height: 22px;
	}

	.product-wrap .product-detail .product-buttons .product-buttons_item > i {
		font-size: var(--size-xl);
	}

	.product-wrap .product-description h2 {
		font-size: 1.3rem;
	}

	.product-wrap .product-description h3 {
		font-size: 1.2rem;
	}

	.product-wrap .product-description h4 {
		font-size: 1.1rem;
	}

	.product-wrap .product-description h5 {
		font-size: 1rem;
	}

	.product-wrap .product-description h6 {
		font-size: 0.9rem;
	}
}

.header .header-top .header-wrapper {
	position: relative;
}

.header .header-logo-space {
	width: 200px;
	min-height: 1px;
}

.header .header-top__wrapper .header-top__logo {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	padding: 8px 24px;
	box-shadow: 0 0.125rem 0.5rem rgb(0 0 0 / 8%);
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
}

.header .header-top__wrapper .header-top__logo img {
	width: 120px;
}

.header .header-top__wrapper .header-top__main {
	display: flex;
	align-items: center;
	padding: 16px 0;
	border-bottom: 1px solid rgba(var(--bs-white-rgb), 0.2);
}

.header .header-top__wrapper .header-top__main > * + * {
	margin-left: 40px;
}

.header .header-top__wrapper .header-top__main > * {
	display: inline-flex;
	align-items: center;
	color: var(--bs-white);
	font-size: 14px;
	font-weight: 500;
}

.text-gray-bold {
	color: var(--text-gray-bold);
}

@media (max-width: 991px) {
	.header .header-top {
		display: none;
	}

	.header .header-logo-space {
		width: 78px;
	}
}

/*============= .section-box =========*/
.section-box .box-html .card-header {
	background: transparent;
}

.section-box .box-html .card-header > img {
	border-radius: 8px;
}

.section-box .box-html .card-title {
	font-weight: 700;
	font-size: 1.375rem;
	margin-bottom: 12px;
}

.section-box .box-html .card-text {
	color: var(--gray-700);
	font-weight: 500;
	font-size: var(--size-lg);
	line-height: calc(1.6 * var(--size-lg));

}

.section-box .box-html .card-body {
	display: flex;
	flex-direction: column;
	padding: 0 0 1rem 0;
}

.section-box .section-slider {
	padding-top: 20px;
}

.section-box .box-html .card-body .box-html-link {
	margin-top: auto;
	color: var(--primary-color);
	font-size: var(--size-lg);
	font-weight: 700;
	display: flex;
	align-items: center;
	transition: var(--transition-default);
	padding-top: 12px;
}

.section-box .box-html .card-body .box-html-link:hover {
	color: var(--secondary-hover);
}

.ml-5 {
	margin-left: 5px;
}

@media (max-width: 576px) {
	.section-box .box-html .card-title {
		font-weight: 700;
		font-size: 1.2rem;
	}

	.section-box .box-html .card-text {
		color: var(--gray-700);
		font-weight: 500;
		font-size: var(--size-md);
		line-height: calc(1.6 * var(--size-lg));
	}
}

/* =========section-list-category===== */
.section-list-category {
	background-color: var(--bg-light);
}

.section-box-category-item {
	box-shadow: var(--shadow-primary);
	background-color: var(--bs-white);
	padding: 0.5rem 1rem;
	display: flex;
	align-items: center;
	transition: all 0.3s ease-in-out;
	border: 1px solid transparent;
	border-radius: 10px;
	flex-direction: inherit;
}

.section-box-category-item:hover {
	background-color: var(--primary-light);
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
}

.section-box-category-item .image-box {
	flex-shrink: 0;
	margin-right: 0.9rem;
}

.section-box-category-item .text-box {
	font-weight: 700;
	color: var(--bg-primary);
	font-size: var(--size-xl);
	text-align: center;
}

.section-trademark .section-heading-trademark {
	padding: 30px 0px;
}

.section-trademark .section-heading-trademark h3 {
	font-weight: 800;
	text-align: center;
	margin-bottom: 0;
}

#section-trademark .item-box-img {
	background-color: var(--bs-white);
	padding: 20px 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: var(--shadow-primary);
	transition: all 0.3s ease-in-out;
}

#section-trademark .item-box-img:hover {
	box-shadow: var(--shadow-hover);
}

@media (max-width: 991px) {
	.section-box-category-item {
		display: flex;
		flex-direction: column;
		justify-content: center;
		background-color: transparent;
		box-shadow: none;
		padding: 0;
	}

	.section-box-category-item .image-box {
		margin-right: 0;
		margin-bottom: 0.9rem;
	}

	.section-box-category-item .image-box > img {
		width: 50px;
	}
}

@media (max-width: 767px) {
	#section-trademark .item-box-img > img {
		width: 70px;
	}

	.section-box-category-item .text-box {
		font-size: var(--size-sm);
	}
}

.footer-heading-title {
	padding-bottom: 10px;
	font-weight: 700;
	font-size: var(--size-xxl);
	color: var(--primary-color);
}

.section-breadcrumb--fade {
	position: relative;
}

.section-breadcrumb--fade::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 32, 17, 0.3), rgba(0, 32, 17, 0.3));
}

.section-breadcrumb--fade > * {
	position: relative;
	z-index: 10;
}

.section-breadcrumb--fade .breadcrumb-item + .breadcrumb-item::before {
	float: unset;
	content: "\f105";
	font-family: "Font Awesome 5 Pro", sans-serif;
	font-weight: 500;
	color: var(--bs-white);
}

.section-breadcrumb--fade .breadcrumb-item > a,
.section-breadcrumb--fade .breadcrumb-item {
	color: var(--bs-white);
	font-weight: 500;
	transition: all 0.5s cubic-bezier(.215, .61, .355, 1);
}

.section-breadcrumb--fade .breadcrumb-item.active {
	opacity: .75;
	user-select: none;
	pointer-events: none;
}

.section-breadcrumb--fade .breadcrumb-item:hover > a {
	text-decoration: underline;
}

.gallery-item {
	position: relative;
	overflow: hidden;
	border-radius: 0.25rem;
	box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0px;
}

.gallery-item img {
	transform-origin: 50% 50%;
	transform: scale3d(1, 1, 1);
	transition: all 0.5s cubic-bezier(.215, .61, .355, 1);
}

.gallery-item:hover img {
	transform: scale3d(1.1, 1.1, 1.1);
}

.gallery-item .gallery-item__name {
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-end;
	padding: 1rem 1rem 1.25rem 1rem;
	width: 100%;
	text-align: center;
	color: var(--bs-white);
	font-size: 16px;
	font-weight: 700;
}

.gallery-item .gallery-item__name > * {
	position: relative;
	z-index: 3;
}

.gallery-item .gallery-item__name small {
	font-size: 12px;
	font-weight: 400;
}

.gallery-item .gallery-item__name,
.gallery-item .gallery-item__name::before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.gallery-item .gallery-item__name::before {
	content: '';
	background-color: rgba(0, 0, 0, 0.20);
	z-index: 1;
	transition: all 0.5s cubic-bezier(.215, .61, .355, 1);
}

.gallery-item:hover .gallery-item__name::before {
	background-color: rgba(0, 0, 0, 0.1);
}

.table-taixe th {
	font-size: 1.15em;
	font-weight: 700;
	background-color: var(--primary-color);
	color: var(--bs-white) !important;
	white-space: nowrap;
}

.table-taixe th:nth-child(2),
.table-taixe th:nth-child(3),
.table-taixe th:nth-child(4) {
	min-width: 220px;
}

.table-taixe th,
.table-taixe td {
	vertical-align: middle;
	padding: 15px;
	font-weight: 600;
	color: #121212;
}


.zalo-chat-widget {
	left: unset !important;
	right: 10px !important;
	bottom: 70px !important;
}

.floating .floating-contact {
	position: fixed;
	bottom: 135px;
	right: 20px;
	z-index: 5;
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.floating .floating-contact .floating-contact_item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	height: 46px;
	border-radius: 5px;
	background: var(--primary-color);
	-webkit-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
	color: var(--bs-white);
	padding-left: 8px;
	padding-right: 60px;
	padding-top: 2px;
}

.floating .floating-contact .floating-contact_item .floating-contact_icon {
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background: var(--primary-color);
	-webkit-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
	position: absolute;
	top: 50%;
	right: -10px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 15px;
}

.floating .floating-contact .floating-contact_item .floating-contact_icon:before {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-name: hover-ripple-out;
	animation-name: hover-ripple-out;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 50%;
	content: '';
	display: block;
	position: absolute;
	background: var(--primary-color);
	-webkit-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
	opacity: 0.8;
	width: 100%;
	height: 100%;
}

.floating .floating-contact .floating-contact_item .floating-contact_icon .floating-contact_icon__inner {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: var(--primary-color);
	border: 2px solid var(--bs-white);
	-webkit-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
	font-size: 1.45em;
	color: var(--bs-white);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 2;
}

.floating .floating-contact .floating-contact_item .floating-contact_icon .floating-contact_icon__inner i {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: zoom-icon;
	animation-name: zoom-icon;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

.floating .floating-contact .floating-contact_item .floating-contact_text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	line-height: 1.2;
}

.floating .floating-contact .floating-contact_item > a,
.floating .floating-contact .floating-contact_item > :-webkit-any-link {
	color: var(--bs-white) !important;
	text-decoration: none;
}


.floating .floating-contact .floating-contact_item .floating-contact_text .floating-contact_text__title {
	font-size: .925em;
	color: var(--bs-white);
}

.floating .floating-contact .floating-contact_item .floating-contact_text .floating-contact_text__number {
	font-size: 1.075em;
	font-weight: 700;
	color: var(--bs-white);
}

@-webkit-keyframes hover-ripple-out {
	50% {
		width: calc(100% + 15px);
		height: calc(100% + 15px);
		opacity: 0;
	}
}

@keyframes hover-ripple-out {
	50% {
		width: calc(100% + 15px);
		height: calc(100% + 15px);
		opacity: 0;
	}
}

@-webkit-keyframes zoom-icon {
	100% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
}

@keyframes zoom-icon {
	100% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
}

@media (max-width: 768px) {

	.floating .floating-contact {
		bottom: 140px;
	}

	.floating .floating-contact .floating-contact_item .floating-contact_text {
		display: none;
	}

	.floating .floating-contact .floating-contact_item {
		background: transparent !important;
	}
}


@media screen and (max-width: 992px) {

	.floating .floating-contact .floating-contact_item {
		height: 38px;
		padding-left: 10px;
		padding-right: 50px;
	}

	.floating .floating-contact .floating-contact_item .floating-contact_text .floating-contact_text__title {
		font-size: .75em;
	}

	.floating .floating-contact .floating-contact_item .floating-contact_text .floating-contact_text__number {
		font-size: 1em;
	}
}