.link-effect {
	position: relative;
	padding-bottom: 3px;
}

.link-effect:before {
	position: absolute;
	content: "";
	width: 0;
	height: 2px;
	bottom: 0;
	left: 0;
	background: var(--primary-color);
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
}

.link-effect:hover:before {
	width: 100%;
}

.custom-link {
	font-weight: 600;
	color: var(--primary-color);
	position: relative;
	max-width: max-content;
	display: block;
	margin: 0 auto;
}

.custom-link::before {
	position: absolute;
	bottom: -4px;
	right: 0;
	width: 0;
	height: 1px;
	background-color: var(--primary-color);
	content: "";
	transition: var(--transition-default);
}

.custom-link:hover {
	color: var(--primary-hover);
}

.custom-link:hover::before {
	width: 100%;
	left: 0;
}

.section-gap {
	padding: 50px 0px;
}

.button-theme {
	padding: 10px 26px;
	border-radius: 4px;
	font-weight: 700;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	vertical-align: middle;
	text-align: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	white-space: nowrap;
	overflow: hidden;
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
	font-size: 1.15em;
	border: 0;
	position: relative;
}

.button-theme:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	-webkit-transition: .2s all ease-in-out;
	-o-transition: .2s all ease-in-out;
	transition: .2s all ease-in-out;
	z-index: 0;
}

.button-theme > span {
	position: relative;
	z-index: 2;
}

.button-theme i {
	margin-left: .25rem;
	font-size: 1.1em;
}

.button-theme.button-theme_large {
	padding-top: 18px;
	padding-bottom: 18px;
}

.button-theme.button-theme_primary {
	background-color: var(--primary-color);
	color: var(--bs-white);
}

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

.button-theme.button-theme_primary:before {
	background-color: var(--primary-hover);
}

.button-theme.button-theme_secondary {
	background-color: #235656;
	color: var(--bs-white);
}

.button-theme.button-theme_secondary:before {
	background-color: #214b4b;
}

.button-theme:hover:before {
	height: 100%;
}

.slider-effect_next,
.slider-effect_prev {
	font-size: 3.5em;
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
}


.slider-effect_next i,
.slider-effect_prev i {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
	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;
}

.slider-effect_next i:first-child,
.slider-effect_prev i:first-child {
	top: 0;
	color: var(--bs-gray-400);
}

.slider-effect_next i:last-child,
.slider-effect_prev i:last-child {
	top: 30px;
	opacity: 0;
	color: var(--primary-color);
	pointer-events: none;
}

.slider-effect_next:hover i:first-child,
.slider-effect_prev:hover i:first-child {
	top: -30px;
	opacity: 0;
}

.slider-effect_next:hover i:last-child,
.slider-effect_prev:hover i:last-child {
	top: 0;
	opacity: 1;
	pointer-events: auto;
}

.slider-effect_next {
	right: -10px;
}

.slider-effect_prev {
	left: -10px;
}

.section-heading {
	margin-bottom: 30px;
	position: relative;
}

.section-heading .heading-sub {
	color: var(--secondary-color);
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	font-weight: 700;
	font-size: 1.35em;
	margin-bottom: 8px;
}

.section-heading .heading-small {
	color: var(--accent-color);
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	font-weight: 700;
	font-size: 1.3em;
}

.section-heading .heading-small-category {
	padding-left: 15px;
	transition: all 0.35s ease-in-out;
}

.section-heading .heading-small-category:hover {
	color: var(--primary-color);
}

.section-heading .heading-small-category::after {
	position: absolute;
	transform: translateY(-50%) translateX(50%);
	content: "";
	left: 0;
	top: 50%;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #ff0000;
}

.section-heading .heading-title {
	margin-bottom: 0;
	font-size: 1.75rem;
	font-weight: 900;
	color: var(--accent-color);
	z-index: 3;
	position: relative;
	border-radius: 5px;
	display: inline-flex;
}

.section-heading .heading-title_small {
	font-size: 1.5rem;
	font-weight: 900;
	color: var(--accent-color);
	z-index: 3;
	position: relative;
	border-radius: 5px;
	display: inline-flex;
}

.section-heading .heading-description {
	font-size: 1.1em;
	color: var(--bs-gray-600);
	line-height: 1.6;
	position: relative;
	padding-left: 30px;
}

.section-heading .heading-subtitle {
	font-weight: 500;
	font-size: 1.1em;
	color: var(--secondary-color);
	padding-left: 50px;
	position: relative;
	margin-bottom: 3px;
}

.section-heading .heading-subtitle::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	height: 2px;
	width: 42px;
	margin-bottom: 5px;
	background-color: var(--secondary-color);
}

.section-heading .heading-description p:last-child,
.section-heading .heading-description ul:last-child,
.section-heading .heading-description ol:last-child {
	margin-bottom: 0;
}

.section-heading .heading-tabs {
	margin-top: 24px;
}

.section-heading .heading-tabs .nav-tabs {
	padding: 18px;
	border-radius: 9px;
	-webkit-box-shadow: 0px 10px 60px rgba(15, 53, 103, 0.1);
	box-shadow: 0px 10px 60px rgba(15, 53, 103, 0.1);
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	gap: 12px;
}

.section-heading .heading-tabs .nav-tabs .nav-item .nav-link {
	background-color: rgba(var(--primary-rgb), .075);
	color: var(--primary-color);
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
	padding: 12px 25px;
	font-size: 1.15em;
	font-weight: 600;
	border-radius: 7px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	gap: 5px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.section-heading .heading-tabs .nav-tabs .nav-item .nav-link i {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

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


.header {
	position: sticky;
	z-index: 12;
	top: 0;
	background-color: var(--bs-white);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .15);
	-ms-box-shadow: 0 0 10px rgba(0, 0, 0, .15);
	-o-box-shadow: 0 0 10px rgba(0, 0, 0, .15);
	box-shadow: 0 0 10px rgba(0, 0, 0, .15);
}

.header .header-top {
	background-color: var(--bs-white);
	transition: var(--transition-default);
}

.header-grid {
	justify-content: space-between;
}

.header .contact-list .contact-list_item {
	color: var(--bs-gray-200);
	gap: 2px;
	position: relative;
	font-size: 0.9em;
	transition: var(--transition);
}

.header .contact-list .contact-list_item:hover {
	color: var(--bs-white);
}

.contact-list__item .contact-list_item:last-child {
	margin-left: 10px;
	padding-left: 10px;
}

.contact-list__item .contact-list_item:last-child:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 1px;
	background-color: #fff8f88a;
	height: 16px;
	transform: translateY(2px);
}

.header .contact-list .contact-list_item .contact-list_item--icon {
	width: 22px;
	height: 22px;
	border-radius: 4px;
	color: var(--secondary-color);
	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-top__social > a {
	width: 30px;
	height: 30px;
	background-color: #0d7a52;
	border-radius: 3px;
	font-size: 0.85em;
	color: var(--bs-gray-200);
	transition: var(--transition);
}

.header-top__social > a:hover {
	background-color: var(--primary-color-2);
}

.header-top__contact {
	background-color: #ffc107 !important;
	color: var(--primary-color);
	font-weight: 700;
	text-transform: uppercase;
	white-space: nowrap;
	position: relative;
	font-size: 1.05em;
}

.header-top__contact:hover {
	color: var(--bs-white);
}

.header-top__contact.button-theme:hover:before {
	height: 100%;
}

.header .header-logo img {
	width: auto;
	height: 60px;
}

.header .header-box {
	gap: 24px;
	margin-left: 30px;
}

.header .header-box .header-button .header-button_search {
	font-size: 1.15em;
	width: 40px;
	height: 40px;
	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;
	background-color: var(--secondary-hover);
	color: var(--bs-white);
}

.header .header-box .header-button .header-button_search::before {
	background-color: #1e010117 !important;
}

.header .header-box .header-button .header-button_search:hover::before {
	background-color: #1e010117 !important;
}

.header .header-search {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	width: 100%;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 0 0 0;
	-ms-transform-origin: 0 0 0;
	transform-origin: 0 0 0;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.header .header-search .header-search_form {
	padding: 10px;
	background-color: rgba(0, 0, 0, .2);
}

.header .header-search .header-search_form .frmSearch-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 5px;
	background: var(--bs-white);
	height: 46px;
	position: relative;
	border: 1px solid var(--bs-gray-300);
	max-width: 100%;
}

.header .header-search .header-search_form .frmSearch-form .frmSearch-input {
	width: 100%;
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
	padding: 14px 38px 14px 15px;
	background: transparent;
	font-size: 1.05em;
	height: 46px;
}

.header .header-search .header-search_form .frmSearch-form .frmSearch-button {
	background-color: transparent;
	border: 0;
	color: var(--bs-black);
	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: 1em;
	width: 34px;
	height: 34px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 2px;
}

.header .header-search_result {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 5;
	background-color: var(--bs-white);
	padding: 15px;
	overflow-y: scroll;
	border-top: 1px solid var(--bs-gray-300);
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 0 0 0;
	-ms-transform-origin: 0 0 0;
	transform-origin: 0 0 0;
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
	max-height: var(--max-height);
	overflow-x: hidden;
}

.header .header-search_result::-webkit-scrollbar {
	width: 5px;
}

.header .header-search_result::-webkit-scrollbar-thumb {
	background: #acacac;
	-webkit-transition: var(--transition);
	transition: var(--transition);
}

.header .header-search_result::-webkit-scrollbar-thumb:hover {
	background: #7b7b7b;
}

.header .header-search_result.show {
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
}

.header.is-search .header-search {
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.header.is-search .header-box .header-button .header-button_search i:before {
	content: "\f00d";
	font-size: 1.2em;
	font-weight: 300;
}

.header.is-search .header-top,
.header.is-search .header-bottom {
	position: relative;
	z-index: 2;
}

.header .header-overlay_search {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background-color: transparent;
	z-index: 1;
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
}

.header .header-overlay_search.show {
	pointer-events: auto;
	opacity: 1;
	visibility: visible;
}

.header.is-scroll {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
	-ms-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
	-o-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
	box-shadow: 0 0 20px rgba(0, 0, 0, .15);
}

.hero-overlay {
	background: rgba(var(--bs-black-rgb), .015);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--bs-black-rgb), .515)), color-stop(50%, rgba(var(--bs-black-rgb), .315)), to(rgba(var(--bs-black-rgb), .115)));
	background: -o-linear-gradient(bottom, rgba(var(--bs-black-rgb), .515) 0%, rgba(var(--bs-black-rgb), .315) 50%, rgba(var(--bs-black-rgb), .115) 100%);
	background: linear-gradient(360deg, rgba(var(--bs-black-rgb), .515) 0%, rgba(var(--bs-black-rgb), .315) 50%, rgba(var(--bs-black-rgb), .115) 100%);
}

.header-bottom__hotline .hotline-text > span {
	font-size: 0.9em;
	color: var(--bs-gray-700);
}

.header-bottom__hotline .hotline-text > a {
	font-weight: 700;
	color: var(--accent-color);
	font-size: 1.2em;
}

.header-bottom__hotline .hotline-icon svg {
	fill: var(--primary-color);
}

/*==================================hero-slider===========================*/


.hero-content .hero-content_sub > span {
	background: rgba(255, 255, 255, 0.2);
	color: var(--bs-white);
	border: 2px solid var(--primary-color);
	padding: 12px 30px;
	font-size: 1.25em;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	border-radius: 4px;
}

.hero-content .hero-content_title {
	color: var(--bs-white);
	font-weight: 700;
	font-size: 3.2em;
	position: relative;
}

.hero-content .hero-content_title::after {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 40%;
	content: '';
	height: 2px;
	transform: translateX(-50%) translateY(5px);
	background-color: var(--secondary-color);
}

.hero-content .hero-content_desc {
	font-size: 1.15em;
	color: var(--bs-gray-300);
	line-height: 1.6;
}

.hero-content .hero-content_desc p:last-child,
.hero-content .hero-content_desc ul:last-child,
.hero-content .hero-content_desc ol:last-child {
	margin-bottom: 0;
}

.slider-hero .slider-effect_prev {
	left: 45px;
}

.slider-hero .slider-effect_next {
	right: 45px;
}

.slider-hero .slider-effect_next i:last-child,
.slider-hero .slider-effect_prev i:last-child {
	color: var(--bs-white);
}

.slider-hero .banner-navigation .swiper-button-prev {
	position: absolute;
	left: 0;
	bottom: 90px;
	display: flex;
	align-items: center;
	width: 190px;
	margin-top: 0;
	top: unset;
	height: 50px;
	box-shadow: none;
	outline: 0;
	border: 0;

}

.slider-hero .banner-navigation .swiper-button-next {
	position: absolute;
	right: 0;
	bottom: 90px;
	display: flex;
	align-items: center;
	width: 190px;
	margin-top: 0;
	top: unset;
	height: 50px;
	box-shadow: none;
	outline: 0;
	border: 0;
}


.slider-hero .banner-navigation .swiper-button-prev:after,
.slider-hero .banner-navigation .swiper-button-next:after {
	display: none;
}

.slider-hero .banner-navigation .swiper-button_image {
	width: 100px;
	flex-shrink: 0;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.slider-hero .banner-navigation .swiper-button_arrow {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	position: relative;
	background: #1e1e25;
	color: var(--bs-white);
	border: none;
	letter-spacing: 3px;
	font-size: 0.875rem;
	text-transform: uppercase;
	font-weight: 500;
	cursor: pointer;
	overflow: hidden;

	transition: all 0.35s ease-in-out;
}

.slider-hero .banner-navigation .swiper-button_arrow::after {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	transition: all 0.35s ease-in-out;
	background-color: var(--primary-color);
}

.slider-hero .banner-navigation .swiper-button_arrow:hover::after {
	height: 100%;
}

.slider-hero .banner-navigation .swiper-button_arrow span {
	position: relative;
	z-index: 2;
	display: inline-block;
}

.slider-hero .banner-navigation .swiper-button_arrow span:before {
	content: "";
	height: 2px;
	width: 35px;
	background-color: var(--bs-white);
	display: block;
	position: relative;
	top: .5px;
	transition: var(--transition);
}

.slider-hero .banner-navigation .swiper-button-prev .swiper-button_arrow span:after {
	content: '';
	width: 7px;
	height: 7px;
	display: block;
	border: 1.5px solid var(--bs-white);
	background: rgba(0, 0, 0, 0);
	transform: rotate(135deg) scaleX(-1);
	margin-top: -4px;
	border-right: 0;
	border-top: 0;
}

.slider-hero .banner-navigation .swiper-button-next .swiper-button_arrow span:after {
	content: '';
	width: 7px;
	height: 7px;
	display: block;
	border: 1.5px solid var(--bs-white);
	background: rgba(0, 0, 0, 0);
	transform: rotate(-135deg) scaleX(-1);
	margin-top: -4px;
	margin-left: auto;
	border-left: 0;
	border-top: 0;
}

.slider-hero .banner-navigation .swiper-button_arrow .arrow-overlay {
	position: absolute;
	top: calc(100% - 2px);
	left: 0;
	right: 0;
	background-color: var(--primary-color);
	overflow: hidden;
	width: 100%;
	height: 100%;
	z-index: 1;
	transition: .5s ease;
}

/*@media screen and (min-width: 1200px) {
	.slider-hero .hero-item_image {
		height: 70vh;
	}

	.slider-hero .hero-item_image > img {
		width: 100% !important;
		position: absolute;
		height: 100% !important;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		object-fit: cover;
	}
}*/

@media (max-width: 991px) {
	.slider-hero .banner-navigation .swiper-button-prev,
	.slider-hero .banner-navigation .swiper-button-next {
		bottom: 0;
		width: 130px;
		height: 40px;
	}

	.slider-hero .banner-navigation .swiper-button_arrow {
		height: 40px;
	}

	.slider-hero .banner-navigation .swiper-button_image {
		width: 70px;
	}

	.slider-hero .banner-navigation .swiper-button_arrow span:before {
		width: 22px;
	}

}

@media (max-width: 576px) {

	.slider-hero .banner-navigation .swiper-button_image {
		width: 55px;
	}

	.slider-hero .banner-navigation .swiper-button-prev,
	.slider-hero .banner-navigation .swiper-button-next {
		width: 105px;
	}

	.slider-hero .banner-navigation .swiper-button_arrow span:before {
		width: 16px;
	}

}

.featured-grid {
	width: calc(100% - 1.5rem);
}

.featured-item {
	background-color: #1b1b1b;
	-webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.07);
	box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.07);
	padding: 35px 20px;
	gap: 15px;

}

.featured-item .featured-content .featured-title {
	color: var(--bs-gray-200);
	font-size: 1.15em;
	font-weight: 500;
}

.featured-item .featured-content .featured-text {
	margin-top: 8px;
	color: var(--bs-gray-300);
	font-size: 0.95em;
}

.featured-item .featured-content .featured-text > i {
	margin-left: .5rem;
	font-size: 1.15em;
}

.featured-desc {
	color: #999999;
	line-height: 1.5;
}

.featured-item:hover {

	color: var(--bs-gray-200);
	-webkit-box-shadow: 0 5px 12px 0px rgba(0, 0, 0, 0.07);
	box-shadow: 0 5px 12px 0px rgba(0, 0, 0, 0.07);
}

.featured-item:hover .featured-content .featured-title,
.featured-item:hover .featured-content .featured-text {
	color: var(--bs-white);
}

/*=========================================
          section-product
=============================================*/
.section-products .section-tab {
	box-shadow: 0 8px 60px 0 rgba(103, 151, 255, .11), 0 12px 90px 0 rgba(103, 151, 255, .11);
	border-radius: 3px;
	background-color: var(--bs-white);
	padding: 6px;
	display: flex;
	flex-wrap: nowrap;
	white-space: nowrap;
	overflow-x: auto;

}

.section-products .section-tab::-webkit-scrollbar {
	display: none;
}

.section-products .section-tab .nav-link {
	font-weight: 600;
	color: var(--accent-color);
	font-size: 1.1em;
	border-radius: 3px;
	padding: 10px 30px;
}

.section-products .section-tab .nav-link.active {
	background-color: var(--primary-color);
	color: var(--bs-white);
}

.section-products_tab .tab-content__link,
.all-custom-link {
	color: var(--bs-gray-600);
	border-radius: 25px;
	border: 1px solid var(--bs-gray-600);
	font-weight: 500;
	padding: 8px 20px;
	transition: all 0.35s ease-in-out;
}

.section-products_tab .tab-content__link:hover,
.all-custom-link:hover {
	background-color: var(--primary-hover);
	color: var(--bs-white);
	border: 1px solid var(--primary-hover);
}

@media (max-width: 576px) {
	.section-products .section-tab .nav-link {
		font-size: 1em;
		padding: 10px 20px;
	}

	.category-link {
		padding: 4px 12px;
	}
}

.product-card {
	box-shadow: 0px 6px 34px rgba(215, 216, 222, 0.41);
}

.product-card .card-image:before {
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: #333;
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
	z-index: 1;
}

.product-card .card-image .card-image_icon {
	color: var(--bs-white);
	font-size: 3em;
	position: absolute;
	top: calc(50% + 10px);
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
	z-index: 1;
}

.product-card .card-body .card-title {
	position: relative;
	font-size: 1.215em;
	font-weight: 700;
	line-height: 1.6;
	color: var(--accent-color);

}

.product-card__code {
	color: var(--bs-gray-400);
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 1.05em;
}

.product-card__price {
	font-weight: 700;
	font-size: 1.15em;
	color: #ff0000;
	margin-top: 10px;
}

.product-card__link {
	display: flex;
	align-items: center;
	font-size: 0.9em;
	gap: 5px;
	color: var(--primary-color);
	position: relative;
	z-index: 1;
	font-weight: 700;
	margin: 0 auto;
	position: relative;
	white-space: nowrap;
	text-decoration: underline;
}

.product-card__link:hover {
	color: var(--primary-hover);
	text-decoration: underline;
}

.product-card:hover .card-image:before {
	opacity: .6;
	background-color: #222;
}

.product-card:hover img {
	transform: scale(1.04);
}

.product-card:hover .card-image .card-image_icon {
	opacity: 1;
	top: 50%;
}

.product-card:hover .card-body .card-body_decor:before {
	width: 100%;
}


.catalogue-card {
	background-color: var(--gray-color);
}

.catalogue-card .card-time {
	margin-bottom: 5px;
	color: var(--bs-gray-500);
}

.catalogue-card .card-title {
	font-size: 1.25em;
	font-weight: 700;
	color: var(--bs-gray-300);
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
}


.catalogue-card .card-image .card-image_effect {
	position: absolute;
	content: "";
	width: 25%;
	height: 100%;
	left: 0;
	background: rgba(var(--primary-rgb), .075);
	-webkit-transition: var(--transition-default);
	transition: var(--transition-default);
	-ms-transition: var(--transition-default);
	-moz-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	bottom: -50%;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
	opacity: 0;
}

.catalogue-card .card-image .card-image_effect.effect-2 {
	left: 25%;
	-webkit-transform: translateY(40%);
	-ms-transform: translateY(40%);
	transform: translateY(40%);
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
}

.catalogue-card .card-image .card-image_effect.effect-3 {
	left: 50%;
	-webkit-transform: translateY(20%);
	-ms-transform: translateY(20%);
	transform: translateY(20%);
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	-ms-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
}

.catalogue-card .card-image .card-image_effect.effect-4 {
	-webkit-transform: translateY(30%);
	-ms-transform: translateY(30%);
	transform: translateY(30%);
	left: 75%;
	-webkit-transition: 0.6s ease-in-out;
	transition: 0.6s ease-in-out;
	-ms-transition: 0.6s ease-in-out;
	-moz-transition: 0.6s ease-in-out;
	-o-transition: 0.6s ease-in-out;
}

.catalogue-card:hover .card-title {
	color: var(--bs-gray-100);
}

.catalogue-card:hover .card-image .card-image_effect {
	bottom: 0;
	-webkit-transform: translateY(-0%);
	-ms-transform: translateY(-0%);
	transform: translateY(-0%);
	opacity: 1;
}

.catalogue-card:hover .card-image img {
	-webkit-transform: scale(1.075);
	-ms-transform: scale(1.075);
	transform: scale(1.075);
	opacity: .9;
}

.catalogue-card__link {
	font-weight: 600;
	color: var(--secondary-color);
	font-size: 1.025em;
	transition: var(--transition);
}

.catalogue-card__link:hover {
	color: var(--secondary-hover);
}

.catalogue-card__link:hover span i {
	transform: translateX(4px);
}

.slider-catalogue .slider-effect_prev {
	left: 45px;
}

.slider-catalogue .slider-effect_next {
	right: 45px;
}

.slider-catalogue .slider-effect_next i:last-child,
.slider-catalogue .slider-effect_prev i:last-child {
	color: var(--bs-white);
}


/*=========================================
              section-introduction
================================================*/
@media (max-width: 1024px) {
	.section-introduction {
		background-color: rgba(242, 246, 254, 0.59);
	}
}

.section-introduction .introduction-image img {
	border-radius: 3px;
	border: 10px solid #fff;
	padding: 5px;
	box-shadow: 0 8px 60px 0 rgba(103, 151, 255, .11), 0 12px 90px 0 rgba(103, 151, 255, .11);
}

.section-introduction .introduction-content {
	color: var(--bs-gray-600);
	line-height: 1.7;
}

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

.introduction-box {
	gap: 30px;
}

.introduction-box .introduction-box_icon {
	height: 90px;
	width: 90px;
	padding: 10px;
	background: #f5f5f5;
	-webkit-transition: var(--transition-default);
	transition: var(--transition-default);
	-ms-transition: var(--transition-default);
	-moz-transition: var(--transition-default);
	-o-transition: var(--transition-default);
}

.introduction-box .introduction-box_icon:after {
	inset: -8px;
	border: 5px solid #f5f5f5;
	border-radius: 50%;
	-webkit-transition: var(--transition-default);
	transition: var(--transition-default);
	-ms-transition: var(--transition-default);
	-moz-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	width: calc(100% + 16px);
	height: calc(100% + 16px);
}

.introduction-box .introduction-box_content .introduction-box_title {
	font-size: 1.25em;
	color: var(--bs-black);
	line-height: 1.6;
	font-weight: 500;
}

.introduction-box .introduction-box_content .introduction-box_desc {
	font-size: 1.1em;
	color: var(--bs-gray-600);
	line-height: 1.6;
	margin-top: 5px;
	font-style: italic;
}

/*===================================
          .article-card
====================================*/


.article-card {
	border: 1px solid transparent;
	border-radius: 5px;
	background-color: var(--bs-white);
	box-shadow: 0 6px 14px -6px rgba(24, 39, 75, 0.12), 0 10px 32px -4px rgba(24, 39, 75, 0.1);
}

.article-card .card-body {
	padding: 18px;
	border-radius: 100% 0 0;
}

.article-card .card-body .card-title {
	font-size: 1.2em;
	color: var(--accent-color);
	line-height: 1.6;
}

.article-card .card-body .card-title .limit-lines {
	--lines: 2;
}

.article-card .card-body .card-text {
	--lines: 4;
	color: var(--bs-gray-700);
	line-height: 1.6;
}

.article-card:hover .card-header .card-header_effect {
	bottom: 0;
	-webkit-transform: translateY(-0%);
	-ms-transform: translateY(-0%);
	transform: translateY(-0%);
	opacity: 1;
}

.article-card:hover .card-header .card-img-top {
	-webkit-transform: scale(1.075);
	-ms-transform: scale(1.075);
	transform: scale(1.075);
	opacity: .9;
}

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

.article-card__link {
	font-weight: 600;
	color: var(--secondary-color);
	font-size: 1.025em;
	margin: 0 auto;
}

.article-card__link:hover {
	color: var(--secondary-hover);
}

.article-card__link:hover span i {
	transform: translateX(4px);
}

.article-card .card-date {
	font-size: 0.95em;
	color: var(--bs-gray-600);
}


.feedback-item {
	max-width: 991px;
}

.feedback-item .feedback-avatar {
	margin-bottom: 20px;
}

.feedback-item .feedback-title {
	color: var(--bs-white);
	font-size: 1.25em;
	font-weight: 700;
	line-height: 1.6;
}

.feedback-item .feedback-sub {
	color: var(--bs-gray-500);
	font-size: .95em;
	margin-top: 4px;
}

.feedback-item .feedback-description {
	margin-top: 20px;
	font-size: 1.075em;
	color: var(--bs-white);
	line-height: 1.8;
}

.slider-feedback .slider-effect_next i:last-child,
.slider-feedback .slider-effect_prev i:last-child {
	color: var(--bs-white);
}

.picture-item {
	overflow: hidden;
}

.picture-item > img {
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
}

.picture-item:hover > img {
	transform: scale(1.05);
}

.section-subscribe {
	background-color: rgba(var(--bs-black-rgb), 0.75);
	padding: 40px 0;
}

.section-subscribe .subscribe-content {
	gap: 8px;
}

.section-subscribe .subscribe-content .subscribe-content_title {
	font-size: 1.75em;
	color: var(--bs-white);
	font-weight: 700;
	line-height: 1.2;
}

.section-subscribe .subscribe-content .subscribe-content_text {
	font-size: 1.05em;
	color: var(--bs-gray-300);
}

.section-subscribe .subscribe-form .subscribe-form_input {
	height: 46px;
	border-radius: 4px 0 0 4px;
	font-size: 1.075em;
	color: var(--bs-black);
	padding-left: 18px;
	padding-right: 18px;
	width: calc(100% - 150px);
}

.section-subscribe .subscribe-form .subscribe-form_button {
	height: 46px;
	border-radius: 0 4px 4px 0;
	font-size: 1.075em;
	padding-left: 24px;
	padding-right: 24px;
	font-weight: 700;
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
	min-width: 150px;
}

.section-subscribe .subscribe-form .subscribe-form_input::-webkit-input-placeholder {
	color: var(--bs-gray-600);
}

.section-subscribe .subscribe-form .subscribe-form_input::-moz-placeholder {
	color: var(--bs-gray-600);
}

.section-subscribe .subscribe-form .subscribe-form_input:-ms-input-placeholder {
	color: var(--bs-gray-600);
}

.section-subscribe .subscribe-form .subscribe-form_input::-ms-input-placeholder {
	color: var(--bs-gray-600);
}

.section-subscribe .subscribe-form .subscribe-form_input::placeholder {
	color: var(--bs-gray-600);
}

/*=======================================
                footer
===============================================*/
footer {
	background-position: top center;
	padding: 150px 0 0 0;

}

footer .bg-decor {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

footer .bg-decor > img {
	width: 100%;
	min-height: 100%;
}

.footer-top {
	border-top: 1px solid #cbc6c614;
}

.footer-bg {
	background-color: #0d7a52;
	border-radius: 3px;
	padding: 20px;
}

.footer-title {
	font-size: 1.05em;
	font-weight: 700;
	color: var(--bs-gray-100);
}

.footer-content {
	color: var(--bs-gray-100);
	line-height: 1.6;
}

.footer-content__icon {
	color: var(--secondary-color);
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
}

.footer-content__text .title {
	color: var(--bs-gray-300);
}

.footer-content__text > a {
	color: var(--bs-gray-100);
	font-size: 1.05em;
	transition: var(--transition);
}

.footer-content__text > a:hover {
	color: var(--secondary-color);
}

.footer-copyright {
	margin-top: 20px;
	padding: 10px 0;
	font-size: 0.9em;
	color: var(--bs-gray-200);
	border-top: 1px solid #cbc6c614;
}

.footer-social > a {
	width: 30px;
	height: 30px;
	border-radius: 3px;
	font-size: 0.85em;
	color: var(--bs-gray-200);
	transition: var(--transition);
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer-social > a:hover {
	/* background-color: var(--primary-color-2);
	 opacity: 0.9;*/
}

.footer-social a.tiktok {
	background-color: black;
}

.footer-item .footer-content > li > a {
	color: var(--bs-gray-100);
	transition: var(--transition);
}

.footer-item .footer-content > li > a:hover {
	color: var(--secondary-color);
}

@media (max-width: 991px) {
	footer {
		margin-bottom: 70px;
		padding: 50px 0 60px;
		background-color: var(--primary-color);
	}
}

.section-breadcrumb {
	padding: 20px 0;
	background-color: transparent;
}

.section-breadcrumb .breadcrumb-title {
	color: var(--bs-white);
	font-size: 2em;
	font-weight: 700;
	margin-bottom: 8px;
	line-height: 1.5;
}

.section-breadcrumb .breadcrumb-list .breadcrumb {
	display: flex;
	align-items: center;
	justify-content: center;
}

.section-breadcrumb .breadcrumb-list .breadcrumb-item {
	color: var(--bs-gray-500);
	font-size: 1.075em;
	position: relative;
}

.section-breadcrumb .breadcrumb-list .breadcrumb-item > a {
	color: var(--bs-gray-700);
}

.section-breadcrumb .breadcrumb-list .breadcrumb-item > a:hover {
	color: var(--primary-hover);
}

.section-breadcrumb .breadcrumb-list .breadcrumb-item + .breadcrumb-item {
	padding-left: 10px;
}

.section-breadcrumb .breadcrumb-list .breadcrumb-item + .breadcrumb-item:before {
	content: "\f105";
	font-family: "Font Awesome 5 Pro";
	float: none;
	padding-right: 0;
	color: var(--bs-gray-700);
	margin-right: 5px;
	font-weight: 100;
}

.section-breadcrumb .breadcrumb-list .breadcrumb-item.active {
	color: var(--bs-gray-600);
}

.section-pagination {
	margin-top: 48px;
}

.section-pagination .pagination .page-item {
	border-radius: 50%;
	min-width: 34px;
	border: 0;
	background-color: rgba(var(--primary-rgb), .8);
	color: var(--bs-gray-200);
	position: relative;
}

.section-pagination .pagination .page-item .page-link {
	outline: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	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;
	text-align: center;
	border: 0;
	background: transparent;
	color: inherit;
	font-size: 0.95em;
}

.section-pagination .pagination .page-item:before {
	display: block;
	padding-top: 100%;
	content: "";
}

.section-pagination .pagination .page-item.pageactive .page-link,
.section-pagination .pagination .page-item:hover .page-link {
	color: var(--bs-white);
	background-color: var(--primary-color);
}

.page-contact .contact-list .contact-list_item {
	background-color: var(--gray-color-1);
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
	padding: 10px 0;
	position: relative;
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 18px;
	border: 1px solid var(--gray-color);
}

.page-contact .contact-list .contact-list_item:hover i,
.page-contact .contact-list .contact-list_item:hover img {
	animation: run 1.5s ease-in-out;

}

@keyframes run {
	0% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}
	25% {
		-webkit-transform: rotate(-13deg);
		transform: rotate(-13deg);
	}
	50% {
		-webkit-transform: rotate(10deg);
		transform: rotate(10deg);
	}
	75% {
		-webkit-transform: rotate(-8deg);
		transform: rotate(-8deg);
	}
	85% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);
	}
	100% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
}

.page-contact .contact-list .contact-list_item .contact-icon {
	background-color: var(--primary-color);
	color: var(--bs-white);
	border-radius: 50%;
	height: 40px;
	width: 40px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	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: 1.15em;
}

.page-contact .contact-list .contact-list_item .contact-content .contact-content_title {
	font-size: 1.25em;
	font-weight: 700;
	color: var(--accent-color);
}

.page-contact .contact-list .contact-list_item .contact-content .contact-content_value {
	font-size: 1.075em;
	color: var(--bs-gray-700);
}

.page-contact .contact-social {
	margin-top: 16px;
	gap: 12px;
}

.page-contact .contact-social .contact-social_item {
	font-size: 1.15em;
	width: 36px;
	height: 36px;
	background-color: var(--primary-color);
	padding: 5px;
	border-radius: 4px;
}

.page-contact .contact-social .contact-social_item > * {
	position: relative;
	z-index: 2;
}

.page-contact .contact-social .contact-social_item:before {
	width: 0;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--primary-hover);
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
}

.page-contact .contact-social .contact-social_item:hover:before {
	width: 100%;
}

.page-contact .contact-form {
	background-color: var(--gray-color-1);
	padding: 40px 35px 35px;
	border-radius: 15px;
	-webkit-box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, .05);
	box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, .05);
}

.page-contact .contact-form .contact-form_item .contact-form_item--label {
	font-size: 1.15em;
	font-weight: 700;
	color: var(--bs-gray-800);
	margin-bottom: 8px;

}

.page-contact .contact-form .contact-form_item .contact-form_item--input {
	font-size: 1.075em;
	color: var(--bs-gray-700);
	padding: 10px 15px;
	border: 1px solid var(--bs-gray-500);

}

.page-contact .contact-form .contact-form_item .contact-form_item--input:focus,
.contact-form_item .select2-container--bootstrap-5.select2-container--focus .select2-selection:focus,
.contact-form_item .select2-container--bootstrap-5.select2-container--open .select2-selection:focus {
	border: 1px solid var(--primary-color);
	border-color: var(--primary-color) !important;
}


.page-contact .contact-form .contact-form_item .contact-form_item--input.is-valid,
.page-contact .was-validated .contact-form .contact-form_item .contact-form_item--input:valid {
	border-color: #ced4da;
	background-image: none;
}

.page-contact .contact-iframe iframe {
	width: 100%;
	height: 400px;
	vertical-align: middle;
}

.contact-form_item .select2-container--bootstrap-5.select2-container--focus .select2-selection,
.contact-form_item .select2-container--bootstrap-5.select2-container--open .select2-selection {
	font-size: 1.075em;
	color: var(--bs-gray-700);
	padding: 10px 15px;
	border: 1px solid var(--bs-gray-500);
	box-shadow: none;
}

.contact-form_item .select2-container--bootstrap-5 .select2-selection {
	font-size: 1.075em;
	color: var(--bs-gray-700);
	padding: 10px 15px;
}

.empty-box {
	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;
	text-align: center;
	gap: 15px;
	padding: 15px;
	font-size: 1.25em;
	color: var(--bs-gray-700);

}

.page-search .empty-box {
	color: var(--bs-gray-700);

}

.page-article .article-content {
	background-color: var(--bs-white);
}

@media (max-width: 576px) {
	.page-article .article-content {
		padding: 0;
		box-shadow: none;
	}
}

.page-article .article-content .article-title {
	font-size: 2em;
	font-weight: 700;
	color: var(--accent-color);
	margin-bottom: 8px;
	line-height: 1.4;
	text-align: center;
}

.page-article .article-content .article-meta {
	color: var(--bs-gray-700);
	position: relative;
}

.page-article .article-content .article-meta .article-meta_item + .article-meta_item {
	padding-left: 8px;
}

.page-article .article-content .article-meta .article-meta_item + .article-meta_item:before {
	color: #c0c4cb;
	margin-right: 8px;
	content: "|";
	position: relative;
	top: -1px;
}

#detailContent img {
	max-width: 100% !important;
	height: auto !important;
}

#detailContent,
#detailContent table {
	color: var(--accent-color);
}

#detailContent h2,
#detailContent h3,
#detailContent h4,
#detailContent h5,
#detailContent h6 {
	font-weight: 700;
	color: var(--accent-color);
	margin-bottom: 1rem;
}

#detailContent h2 {
	font-size: 1.8em;
}

#detailContent h3 {
	font-size: 1.7em;
}

#detailContent h4 {
	font-size: 1.6em;
}

#detailContent h5 {
	font-size: 1.5em;
}

#detailContent h6 {
	font-size: 1.4em;
}

.section-related .heading-small {
	font-size: 1.7em;
}

.page-product__inner {

	background-color: var(--bs-white);
	border-radius: 5px;
}

@media (max-width: 576px) {
	.page-product__inner {
		padding: 0;
		box-shadow: none;
	}
}

.page-product .section-related .swiper-wrapper,
.page-article .section-related .swiper-wrapper {
	margin: 40px 0;
}

.page-product .product-content .product-title {
	font-size: 2em;
	font-weight: 700;
	color: var(--accent-color);
	line-height: 1.4;
}

.page-product .product-content .product-code {
	margin-top: 12px;
	font-size: 1.075em;
	color: var(--accent-color);
	line-height: 1.6;
}

.page-product .product-content .product-price {
	margin-top: 12px;
}

.page-product .product-content .product-price .product-price_text {
	font-weight: 700;
	font-size: 1.25em;
	color: var(--accent-color);
}

.page-product .product-content .product-price .product-price_value--current {
	font-weight: 700;
	font-size: 1.45em;
	color: var(--bs-danger);
}

.page-product .product-content .product-price .product-price_value--old {
	font-size: 1.15em;
	color: var(--bs-gray-500);
	text-decoration: line-through;
}

.page-product .product-content .product-desc {
	font-size: 1.075em;
	color: var(--accent-color);
	line-height: 1.6;
	margin-top: 12px;
}

.page-product .product-content .product-desc p:last-child,
.page-product .product-content .product-desc ul:last-child,
.page-product .product-content .product-desc ol:last-child {
	margin-bottom: 0;
}

.page-product .product-content .product-desc ul {
	list-style: none;
	padding-left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 8px;
}

.page-product .product-content .product-desc ul li {
	width: 100%;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	gap: 8px;
}

.page-product .product-content .product-desc ul li:before {
	content: "\f00c";
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	font-size: .8em;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-width: 18px;
	height: 18px;
	background-color: var(--primary-color);
	color: var(--bs-white);
	border-radius: 50%;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	position: relative;
	top: 3px;
}

.page-product .product-content .product-feature {
	margin-top: 12px;
}

.page-product .product-content .product-feature .product-feature_item {
	line-height: 1.6;
	font-size: 1.075em;
}

.page-product .product-content .product-feature .product-feature_item .product-feature_item--title {
	font-weight: 700;
	color: var(--bs-gray-400);
	white-space: nowrap;
}

.page-product .product-content .product-feature .product-feature_item .product-feature_item--value {
	-ms-flex-negative: 1;
	flex-shrink: 1;
	width: 100%;
	text-align: right;
	position: relative;
}

.page-product .product-content .product-feature .product-feature_item .product-feature_item--value:before {
	position: absolute;
	border-bottom: 2px dotted var(--bs-gray-400);
	bottom: 2px;
	width: 100%;
	display: block;
	content: "";
}

.page-product .product-content .product-feature .product-feature_item .product-feature_item--value > span {
	position: relative;
	padding-left: 10px;
	color: var(--bs-gray-400);
	background: #1b1b1b;
	display: inline-block;
	max-width: 90%;
	margin-left: auto;
}

.page-product .product-content .product-buttons {
	margin-top: 32px;
}

.page-product .product-content .product-buttons .button-theme {
	height: 46px;
	width: calc(33.3333% - .5rem) !important;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	font-weight: 500;
}

.page-product .product-content .product-social {
	margin-top: 16px;
}

.product-social_text {
	color: var(--bs-gray-700);
}

.page-product .product-images .product-image_item {
	cursor: pointer;
}

.page-product .product-images .slider-thumb .product-image_item {
	border-radius: 4px;
	overflow: hidden;
	border: 2px solid transparent;
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
}

.page-product .product-images .slider-thumb .swiper-slide-thumb-active .product-image_item {
	border-color: var(--primary-color);
	opacity: .9;
}

.page-product .product-images .slider-effect_prev {
	left: 15px;
}

.page-product .product-images .slider-effect_next {
	right: 15px;
}

.scroll-top {
	position: fixed;
	right: 30px;
	bottom: 45px;
	height: 45px;
	width: 45px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 11;
	transition: all 200ms linear;
	border-radius: 50%;
	background-color: var(--secondary-color);
	color: var(--bs-white);
	font-size: 16px;
	opacity: 0;
}

.scroll-top:hover {
	background-color: var(--secondary-hover);
}

.scroll-top.is-show {
	opacity: 1;
}


.floating-zalo {
	position: fixed;
	left: 25px;
	bottom: 150px;
	cursor: pointer;
	z-index: 11;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(15px);
	-ms-transform: translateY(15px);
	transform: translateY(15px);
	-webkit-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}

.floating-zalo + .floating-zalo {
	bottom: 95px;
}

.floating-zalo.is-show {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.floating-facebook {
	font-size: 1.2em;
	width: 40px;
	height: 40px;
	background-color: var(--primary-color);
	padding: 5px;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--bs-white);
}

.floating-facebook:hover {
	color: var(--bs-white);
	background-color: var(--primary-hover);
}

.gallery-card .card-image .card-image_icon {
	background: rgba(var(--bs-black-rgb), .75);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	-webkit-transform: scale(1.25);
	-ms-transform: scale(1.25);
	transform: scale(1.25);
}

.gallery-card .card-image .card-image_icon > i {
	font-size: 3em;
}

.gallery-card:hover .card-image img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

.gallery-card:hover .card-image .card-image_icon {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.floating-catalogue {
	position: fixed;
	left: 0;
	top: 30%;
	background-color: var(--primary-color);
	padding: 12px 18px;
	color: var(--bs-white);
	z-index: 5;
	font-weight: 700;
	font-size: 1.075em;
	border-radius: 5px;
	display: block;
	transform: rotate(-90deg) translateY(-48px);
	float: left;
	box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.07);
}

.floating-catalogue span {
	margin-right: 8px;
}

.floating-catalogue:hover {
	color: var(--bs-white);
	background-color: var(--primary-hover);
}

@media (max-width: 991px) {
	.floating-catalogue {
		top: 80%;
		transform: rotate(-90deg) translateY(-54px);
	}
}

.category-card {
	background-color: var(--gray-color);
}

.category-card__image img {
	transition: var(--transition);
}

.category-card__image:hover img {
	transform: scale(1.05);
}

.category-card__image::after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: rgba(51, 51, 51, 0.64);
	transition: var(--transition-default);
	z-index: 1;
}

.category-card__image:hover::after {
	opacity: .7;

}

.category-card__title {
	font-size: 1.25em;
	font-weight: 700;
	line-height: 1.6;
	margin-bottom: 20px;
	color: var(--bs-gray-300);
	display: block;
}

.category-card__title:hover {
	color: var(--bs-white);
}

.category-card__text {
	font-size: 1.1em;
	color: var(--bs-gray-500);
	line-height: 1.6;
}

.category-card__link {
	font-weight: 600;
	color: var(--secondary-color);
	font-size: 1.025em;
	display: flex;
	align-items: center;

}

.category-card__link:hover {
	color: var(--secondary-hover);
}

.category-card__link span i {
	transform: translateX(4px);
}

.category-card__link span i {
	transition: var(--transition);
}

.category-card__link:hover span i {
	transform: translateX(6px);
}


/*==================floating-contact============*/
.floating-contact {
	position: fixed;
	bottom: 15px;
	left: 15px;
	color: var(--bs-white);
	font-weight: 400;
	display: flex;
	z-index: 10;
}

.floating-contact a {
	color: var(--bs-white);
	display: flex;
	align-items: center;
}

.floating-contact .icon {
	position: relative;
	width: 65px;
	height: 65px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	color: var(--bs-white);
	background: var(--secondary-color);
	border-radius: 50%;
	box-shadow: 0 2.8px 2.2px rgb(0 0 0 / 3%), 0 6.7px 5.3px rgb(0 0 0 / 5%),
	0 12.5px 10px rgb(0 0 0 / 6%), 0 22.3px 17.9px rgb(0 0 0 / 7%),
	0 41.8px 33.4px rgb(0 0 0 / 9%), 0 100px 80px rgb(0 0 0 / 12%);
	animation: run 1s infinite ease-in-out;
}

@keyframes run {
	0% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
	}
	10% {
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
	}
	20% {
		-webkit-transform: rotate(25deg) scale(1) skew(1deg);
	}
	30% {
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
	}
	40% {
		-webkit-transform: rotate(25deg) scale(1) skew(1deg);
	}
	50% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
	}
	100% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
	}
}

.floating-contact .icon::before {
	position: absolute;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	border-radius: 50%;
	content: "";
	display: block;
	animation-name: riple;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	background: var(--secondary-color);
	z-index: -1;
}

@keyframes riple {
	from {
		opacity: 1;
		transform: scale(0);
	}
	to {
		opacity: 0;
		transform: scale(1.5);
	}
}

.floating-contact .number {
	background: var(--secondary-color);
	display: flex;
	justify-content: center;
	align-items: flex-start;
	text-transform: uppercase;
	flex-direction: column;
	font-size: 0.8rem;
	padding: 10px 15px 10px 25px;
	margin-left: -18px;
	border-radius: 5px;
	color: var(--bs-gray-200);
	line-height: 1.2;
	font-weight: 700;
}

.floating-contact .number strong {
	font-size: 1.1rem;
	color: #fff;
}

@media (max-width: 991px) {
	.floating-contact .number {
		display: none;
	}

	.floating-contact .icon {
		width: 52px;
		height: 52px;
		font-size: 16px;
	}

}


.page-detail-gallery .section-heading::before,
.page-detail-gallery .section-heading::after {
	position: unset;
	content: unset;
}

/*=====================================
              section-article-sidebar
==================================r*/

#sticky-sidebar,
#article-sidebar {
	position: sticky;
	top: 0;
	left: 0;
	z-index: 2;
}

.card-article-2 {
	padding: 10px 0;
}

.article-2__title {
	font-weight: 500;
	margin-bottom: 3px;
	font-size: 1.1em;
}

.article-2__title .label {
	font-weight: 400;
	color: var(--bs-white);
	background-color: var(--bs-red);
	border-radius: 3px;
	line-height: 17px;
	font-size: 8px;
	padding: 1px 4px;
}

.article-2__date {
	font-size: 0.8em;
	color: var(--bs-gray-600);
}

.card-article-2:hover .article-2__title {
	color: var(--primary-hover);
}

.card-article-2:hover .article-2__image img {
	transform: scale(1.05);
}

.card-article-2:not(:last-child) {
	border-bottom: 1px dashed #e5e5e5;
}

.sidebar-inner .custom-link {
	margin: unset !important;
	font-size: 1.1em;
	color: var(--bs-gray-900);
}

.article-sidebar__item {

	border-radius: 3px;
	overflow: hidden;
}

.article-sidebar__item:not(:last-child) {
	margin-bottom: 0;
}

.article-sidebar__item .heading-small {
	color: var(--primary-color);
	font-size: 1.1em;
}

.section-image-sidebar .sidebar-inner > a:hover img {
	transform: scale(1.05);
}

@media (max-width: 1024px) {

	#sticky-sidebar,
	#article-sidebar {
		position:unset;
		top:unset;
	}
	.section-article-sidebar {
		margin: 0;
	}

	.section-sidebar__right .section-link__sidebar {
		width: 100%;
	}
}

@media (max-width: 576px) {
	.article-sidebar__item,
	.section-sidebar__right .section-article-sidebar {
		width: 100%;
	}
}

.section-link__sidebar .sidebar-icon-select {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 30px;
	background-color: var(--primary-color);
	color: var(--bs-gray-100);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0 0.375rem 0.375rem 0;
	border: 1px solid transparent;
	pointer-events: none;

}

.section-link__sidebar .contact-form_item--input::placeholder {
	color: var(--bs-gray-800);
	font-size: 0.75em;
}

.section-link__sidebar .contact-form_item--input {
	border: 1px solid var(--primary-color);
	cursor: pointer;
	padding: 8px 15px;
	height: 35px;
}

.select-sidebar {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	z-index: 2;
	box-shadow: 0 8px 60px 0 rgba(103, 151, 255, .11), 0 12px 90px 0 rgba(103, 151, 255, .11);
	border-radius: 3px;
	background-color: var(--bs-white);
	padding: 15px;
	overflow-y: auto;
	transform: translateY(-13px);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: var(--transition);
}


.select-sidebar > li {
	padding-left: 15px;
	position: relative;
}

.select-sidebar > li::after {
	position: absolute;
	transform: translateY(-50%) translateX(50%);
	content: "";
	left: 0;
	top: 50%;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #ff0000;

}

.select-sidebar > li > a {
	color: var(--bs-gray-800);
}

.select-sidebar > li > a:hover {
	color: var(--primary-color);
}

.sidebar-inner:hover .select-sidebar {
	opacity: 1;
	visibility: visible;
	pointer-events: auto

}
.select-sidebar__image{
	width: 70px;
	height: 40px;
}
.select-sidebar.select-sidebar__partner > li{
	padding-left: 0;
}
.select-sidebar.select-sidebar__partner > li:not(:first-child){
	border-top: 1px dashed #e5e5e5;
	margin-top: 8px;
}
.select-sidebar.select-sidebar__partner > li::after{
	position: unset;
	content: unset;
}

/*================================================
        section-service
=================================================*/

.section-service .swiper-wrapper {
	margin: 60px 0;
}

.card-service {
	padding: 30px 20px;
	border: 0;
	box-shadow: 0px 6px 34px rgba(215, 216, 222, 0.41);
}

.card-service__image {
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);
	width: 160px;
	height: 160px;
	border-radius: 50%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	border: 1px dashed var(--bs-gray-400);
}

.card-service__image img {
	width: 100% !important;
	height: 100% !important;
	padding: 5px;
	border-radius: 50%;
}

.card-service__title {
	font-weight: 700;
	font-size: 1.2em;
}

.card-service .card-body {
	display: inline-flex;
	flex-direction: column;
}

.card-service__text {
	color: var(--bs-gray-600);
	font-size: 0.975em;
}

.section-service .swiper-slide-active .card-service {
	transform: translateY(-30px);
	background-color: var(--primary-color);
}

.section-service .swiper-slide-active .card-service__image {
	border: 1px dashed var(--secondary-color);
}

.section-service .swiper-slide-active .card-service__title {
	color: var(--bs-gray-200);
}

.section-service .swiper-slide-active .card-service__text {
	color: var(--bs-gray-300);
}

.section-service .swiper-slide-active .card-service__link.custom-link {
	color: var(--secondary-color);
}

.section-service .swiper-slide-active .card-service__link.custom-link::before {
	background-color: var(--secondary-color);
}

.section-service .swiper-slide-active .card-service__link.custom-link:hover {
	color: var(--secondary-color);
}

.card-service:hover .custom-link {
	color: var(--primary-hover);
}

.card-service:hover .custom-link::before {
	width: 100%;
	left: 0;
}

.section-swiper .swiper-pagination-bullet {
	width: 0.7em;
	height: 1.5em;
	border-radius: 50%;
	background-color: var(--bs-gray-600);
	transition: var(--transition);
	transform-origin: 50% 100%;
	transform: scaleY(50%);
}

.section-swiper .swiper-pagination-bullet-active {
	border-radius: 10px;
	transform: scaleY(100%);
	background-color: var(--primary-color);
}

@media (max-width: 576px) {
	.card-service {
		padding: 25px 15px;
	}

	.section-service .swiper-slide-active .card-service {
		transform: unset;
	}

	.section-service .section-swiper .swiper {
		margin-top: -30px;
	}

	.card-service__image {
		width: 100px;
		height: 100px;
	}
}

/*==================================
          section-contact
==========================================*/
.section-contact__bg {
	height: 20vh;
}

.section-contact__box {
	width: 50%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--bs-white);
	font-weight: 700;
	overflow: hidden;
}

.section-contact__box:hover {
	cursor: pointer;
}

.section-contact__box img {
	transition: all 0.5s ease-in-out;
	object-fit: cover;
}

.section-contact__box:hover img {
	transform: scale(1.05);
}

.section-contact__box::after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.45);
}

.section-contact__box:hover::before {
	opacity: 1;
	visibility: visible;
}

.section-contact__box::before {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30%;
	transition: all 0.35s ease-in-out;
	opacity: 0;
	visibility: hidden;
	z-index: 2;
	background: linear-gradient(to top, #0069406e 0%, #13775000 100%);
}

.section-contact__box h5 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	gap: 9px;
	color: var(--bs-white) !important;
}

.section-contact__box h5 > span {
	font-weight: 400;
	font-size: 0.7em;
	background-color: #ffc107 !important;
	border-radius: 25px;
}

@media (max-width: 576px) {
	.section-contact__box {
		width: 100%;
	}

	.section-contact__bg {
		height: 45vh;
	}
}

.box-contact {
	border-radius: 3px;
	padding: 20px;
	background-color: var(--secondary-color);
	transition: var(--transition);
}

.box-contact__title {
	font-weight: 700;
	color: var(--primary-color);
	margin-bottom: 2px;
}

.box-contact__text {
	font-size: 1.025em;
	color: var(--primary-color);
}

.box-contact:hover {
	background-color: var(--secondary-hover);
}

.page-contact.modal-form .modal-form__heading .title {
	font-size: 1.8em;
	font-weight: 900;
	margin-bottom: 6px;
}

.page-contact.modal-form .modal-form__heading .text {
	font-size: 1.3em;
}

.page-contact.modal-form .contact-form {
	padding: 40px 25px 30px 25px;
}

.contact-form_item--select {
	padding: 10px 45px 10px 15px !important;
	cursor: pointer;
}

.contact-form_item .icon-select {
	position: absolute;
	top: 0;
	right: 0;
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color: var(--bs-gray-800);
	pointer-events: none;
}

.contact-form_item .icon-select > i {
	margin-bottom: 5px;
}

.modal-form__close {
	position: absolute;
	top: 8px;
	right: 8px;
	border-radius: 50%;
	background-color: #c40606;
	color: var(--bs-white);
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: var(--transition);
	cursor: pointer;
}

.modal-form__close:hover {
	background-color: #9d0404;
}

@media (max-width: 576px) {
	.modal-form__heading .modal-top {
		flex-direction: column;
		text-align: center;
	}

	.modal-form__icon > img {
		width: 100px;
	}

	.page-contact.modal-form .contact-form {
		padding: 40px 15px 20px 15px;
	}

	.page-contact.modal-form .modal-form__heading .modal-form__icon {
		order: 2;
	}
}

/*=======================================
                 section-qr
===========================================*/

.section-qr {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	padding: 15px 0;
	/*background-color:rgb(141 201 179);*/
	background: linear-gradient(to right, #b8db9f 0%, #adfdde 100%);
	box-shadow: 0px 6px 34px rgba(215, 216, 222, 0.41);

}

.section-qr__form label {
	font-size: 1.15em;
	font-weight: 700;
	color: var(--bs-gray-800);
	margin-bottom: 10px;
}

.section-qr__form .section-qr__title {
	font-weight: 900;
	color: var(--accent-color);
}

.section-qr__form .form-control {
	font-size: 0.9em;
	color: var(--bs-gray-700);
	padding: 5px 100px 5px 15px;
	border: 1px solid transparent;
	height: 35px;
	min-width: 200px;
}

.section-qr__form .form-control::placeholder {
	color: var(--bs-gray-700);
}

.section-qr__form .button-theme.button-theme_primary,
.section-btn-qr .button-theme.button-theme_primary {
	padding: 12px;
	width: auto;
}

.btn-qr {
	padding: 15px 25px;
	height: 35px;
	font-size: inherit !important;
	background-color: #ffc107 !important;
}

.section-qr .button-search {
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px 13px !important;
	height: 100%;
	font-size: 13px;

}

.section-qr__logo > img {
	width: auto;
	height: 60px;
}

.section-qr__form .contact-hotline {
	background: linear-gradient(to right, #3eb75f 0%, #137750 100%);
	border-radius: 25px 8px 8px 25px;
	color: var(--bs-white);

}

.section-qr__form .contact-hotline__icon {
	box-shadow: 0px 6px 34px rgba(215, 216, 222, 0.41);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: var(--bs-white);
	background-color: var(--primary-color);
}

.section-qr__form .contact-hotline__number {
	display: flex;
	flex-direction: column;
}

.section-qr__form .contact-hotline__number > span {
	font-size: 0.75em;
}

@media (max-width: 991px) {
	.section-qr__form .contact-hotline {
		min-width: 100px;
		width: 100%;
	}

	.section-qr__form .contact-hotline__number > span {
		border-top: none;
		order: 1;
	}

	.section-qr__form .contact-hotline__number > b {
		order: 2;
	}
}

@media screen  and (max-width: 991px) {
	.section-qr__form .contact-shop {
		position: absolute;
		top: -90px;
		left: 2px;
		flex-direction: column;
		gap: 5px !important;
	}
}

@media (max-width: 768px) {
	.main .border-end {
		border-right: unset;
	}
}

@media (max-width: 576px) {
	.btn-qr {
		width: 100%;
	}
}

.slider-shadow .swiper {
	padding: 5px;
}

.table-qrcode {
	overflow: hidden;
	border-radius: 4px 4px 0 0;
}

.table-qrcode th {
	color: var(--bs-white);
	background: var(--primary-color);
	font-size: 1.25em;
	border: 0;
	padding: 12px 15px;
	border-radius: 4px 4px 0 0;
	text-transform: uppercase;
}

.table-qrcode td {
	padding: 12px 15px;
	font-size: 1.075em;
	color: var(--bs-black);
}

.table-qrcode td:first-child {
	width: 30%;
}

.table-qrcode td > a {
	color: inherit;
}

.table-qrcode td > a:hover {
	color: var(--primary-color);
}

.table-qrcode td > p:last-child {
	margin-bottom: 0;
}

.table-qrcode tr {
	background: #f0f5f1;
	transition: var(--transition-default);
}

.table-qrcode tr:hover {
	background: #e1f3ea;
}

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

.product-empty .product-empty_icon img {
	width: 150px;
	height: 150px;
}

.product-empty .product-empty_title {
	margin-top: 10px;
	font-size: 1.4em;
	color: var(--bs-gray-900);
	font-weight: 700;
	margin-bottom: 15px;
}

.section-marquee {
	padding: 15px 0;
	background-color: #ffc107 !important;
}

.section-marquee .marquee-title {
	color: var(--primary-color);
	font-size: 1.3em;
	font-weight: 700;
	border-right: 3px solid var(--primary-color);
	padding-right: 10px;
	line-height: 1.6;
	flex-shrink: 0;
}

.section-marquee .marquee-inner {
	width: 100%;
	display: flex;
	align-items: center;
}

.section-marquee .marquee-inner .marquee-item {
	position: relative;
}

.section-marquee .marquee-inner .marquee-item + .marquee-item {
	padding-left: 15px;
	margin-left: 15px;
}

.section-marquee .marquee-inner .marquee-item + .marquee-item:before {
	position: absolute;
	content: "";
	height: 6px;
	width: 6px;
	border-radius: 50%;
	background-color: var(--primary-color);
	top: 50%;
	left: -3px;
	transform: translateY(-50%);
}

.section-marquee .marquee-inner .marquee-item > a {
	color: var(--primary-color);
	font-size: 1.15em;
	font-weight: 700;
}

.section-marquee .marquee-inner .marquee-item > a:hover {
	opacity: .8;
}

.scrollable-content {
	max-height: 430px;
	overflow-y: auto;
}

.scrollable-content::-webkit-scrollbar {
	width: 5px;
}

.scrollable-content::-webkit-scrollbar-track {
	background: #e2e3e5;
	border-radius: 5px;
}

.scrollable-content::-webkit-scrollbar-thumb {
	background: #acacac;
	border-radius: 5px;
	-webkit-transition: var(--transition);
	transition: var(--transition);
}

.scrollable-content::-webkit-scrollbar-thumb:hover {
	background: #7b7b7b;
}

.section-group {
	display: flex;
	justify-content: space-between;
	margin: 0 -15px;
}

.section-group .group-item {
	flex: 1 1 100%;
	padding: 0 15px;
}

.section-group .group-item:not(:first-child) {
	border-left: 3px solid var(--primary-color);
}

.section-group .group-item .group-title,
.section-group__contact .group-title{
	color: var(--primary-color);
	font-size: 1.45em;
	text-align: center;
	font-weight: 700
}

.section-group .group-item .group-list {
	padding: 5px 0;
}

.section-group .group-item .group-list .group-list_item {
	/*border-bottom: 1px dashed #e5e5e5;*/
	text-align: center;
}

.section-group .group-item .group-list .group-list_item > a,
.section-group__contact .group-list .group-list_item > a{
	font-weight: 500;
	font-size: 1.15em;
	color: var(--accent-color);
	position: relative;
	padding: 10px 0;
}

.section-group .group-item .group-list .group-list_item > a:hover,
.section-group__contact .group-list .group-list_item > a:hover{
	color: var(--primary-color);
}

.section-group .group-item .group-list.group-contact .group-list_item > a > img,
.section-group__contact .group-list .group-list_item > a > img{
	height: 29px;
	width: 29px;
	margin-right: 4px;
}


@media screen and (min-width: 768px) and (max-width: 1200px) {
	.section-group {
		padding: 15px 15px 25px;
	}
}

@media screen and (max-width: 768px) {
	.section-group {
		flex-wrap: wrap;
		padding: 15px 15px 25px;
		gap: 25px;
	}

	.section-group .group-item {
		border-left: 0 !important;
	}
}
@media(max-width: 576px) {
	.section-group__contact .group-list .group-list_item{
		width: 50%;
	}
}
@media(max-width:375px) {
	.section-group__contact .group-list .group-list_item > a{
		display: flex !important;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap:6px;
	}
}
.section-partner {
	padding: 30px 0;
}

.section-partner .section-heading .heading-title {
	color: var(--primary-color);
	font-size: 1.45em;
}

.section-partner [class*=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;
	height: 30px;
	width: 30px;
	font-size: 1.3em;
	background: var(--bs-white);
	border-radius: 50%;
	color: #111827;
	-webkit-transition: var(--transition-default);
	-o-transition: var(--transition-default);
	transition: var(--transition-default);
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-box-shadow: 0px 2px 4px rgba(97, 97, 97, 0.18), 0px 4px 8px rgba(97, 97, 97, 0.18);
	box-shadow: 0px 2px 4px rgba(97, 97, 97, 0.18), 0px 4px 8px rgba(97, 97, 97, 0.18);
	z-index: 2;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.section-partner .slider-prev {
	left: -15px;
}

.section-partner .slider-next {
	right: -15px;
}

.section-picture .swiper:hover + [class*=slider-] {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

@media screen and (max-width: 767px) {
	.section-group .group-item .group-title,
	.section-partner .section-heading .heading-title {
		font-size: 1.3em;
	}

	.section-partner [class*=slider-] {
		display: none;
	}
}


.contact-list__item .contact-hotline {
	background: linear-gradient(to right, #3eb75f 0%, #137750 100%);
	border-radius: 25px 8px 8px 25px;
	color: var(--bs-white);
}

.contact-list__item .contact-hotline__icon {
	box-shadow: 0px 6px 34px rgba(215, 216, 222, 0.41);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: var(--bs-white);
	background-color: var(--primary-color);
}

.contact-list__item .contact-hotline__number {
	display: flex;
	flex-direction: column;
}

.contact-list__item .contact-hotline__number > span {
	font-size: 0.75em;
}

.contact-list__item .contact-link {
	font-weight: 700;
	font-size: 1.05em;
	color: var(--primary-color);
	white-space: nowrap;
}

.contact-list__item .contact-link:hover {
	color: var(--primary-hover);
}

.header .form-control {
	font-size: 1.05em;
	color: var(--bs-gray-700);
	padding: 5px 100px 5px 10px;
	height: 35px;
	min-width: 300px;
}

.header .form-control::placeholder {
	color: var(--bs-gray-700);
	opacity: .8
}

.header .button-theme.button-theme_primary,
.header .section-btn-qr .button-theme.button-theme_primary {
	padding: 12px;
}

.header .btn-qr {
	padding: 15px 25px;
	height: 35px;
	font-size: inherit !important;
	background-color: #ffc107 !important;
}

.header .button-search {
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px 13px !important;
	height: 100%;
	font-size: 13px;
}