.btn-theme {
	background-color: var(--primary);
	color: var(--white);
	border: 0;
	border-radius: 5px;
	padding: 10px 25px;
	text-decoration: none;
	transition: var(--transition-default);
	text-transform: capitalize;
	font-weight: 500;
	font-size: var(--size-md);
}

.btn-theme:hover {
	color: var(--white);
	background-color: var(--primary-hover)
}

.row-5 {
	margin: -5px -5px 0;
}

.row-5 [class*=col] {
	padding: 5px;
}

/*=====================================
           scetion-header
==================r=================== */
.section-header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 12;
}

.section-header .header-top {
	background-color: var(--primary-color);
	color: var(--white-color);
	z-index: 10;

}

.section-header .header-top .list-contact-info {
	list-style: none;
	display: flex;
	align-items: center;
	padding: 8px;
	margin-bottom:0;
}

@media (max-width: 991px) {
	.section-header .header-top .list-contact-info {
		display: none;
	}
}

.header-top .list-contact-info .link-default {
	white-space: nowrap;
}

.header-top .list-contact-info .link-default:not(:first-child) {
	margin-left: 50px;

}

.header-top .list-contact-info .link-default .icon-contact {
	font-size: var(--size-sm);
	margin-right: 5px;
	color: var(--secondary-color-light);


}

.header-top .list-contact-info .link-default .link-contact {
	color: var(--gray-200);
	font-weight: 400;
	text-decoration: none;
	font-size: calc(var(--size-sm) + 1px);
	transition: var(--transition-default);
}

.header-top .list-contact-info .link-default .link-contact:hover {
	color: var(--gray-100);
}

.header-bottom {
	/*---background-color: rgba(var(--secondary-rgb), 0.1);--*/
	background: rgb(0 0 0 / 39%);
}

.header-scroll.header-bottom {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	transition: all 0.3s ease-in-out;
	z-index: 8;
	background-color: var(--primary-color);
	box-shadow: 10px 6px 5px 4px rgb(50 106 239 / 12%), 0px 8px 24px -4px rgb(40 99 239 / 8%);

}
.header-page .header-bottom{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	transition: all 0.3s ease-in-out;
	z-index: 8;
	background-color: var(--primary-color);
	box-shadow: 10px 6px 5px 4px rgb(50 106 239 / 12%), 0px 8px 24px -4px rgb(40 99 239 / 8%);


}

.header-bottom .header-logo .img-logo > img {
	width: 230px;
	height: auto;
}

.header-scroll.header-bottom .header-logo .img-logo > img {
	width: 210px;
	height: auto;
	transition: var(--transition-default);
}
.header-page .header-bottom .header-logo .img-logo > img {
	width: 230px;
	height: auto;
	transition: var(--transition-default);
}
.header-page .header-scroll.header-bottom .header-logo .img-logo > img {
	width: 210px;
	height: auto;
	transition: var(--transition-default);
}
@media (max-width: 1399px) {
	.header-scroll.header-bottom .header-logo .img-logo > img {
		width: 210px;
		height: auto;
		transition: var(--transition-default);
	}
}

@media (max-width: 767px) {
	.header-scroll.header-bottom
	.header-scroll.header-bottom .header-logo .img-logo > img {
		width: 200px;
		height: auto;
	}

	.header-scroll.header-bottom .header-logo .img-logo > img {
		width: 190px;
		height: auto;
		transition: var(--transition-default);
	}
}
@media (max-width: 576px) {
	.header-bottom .header-logo .img-logo > img {
		width: 200px;
		height: auto;
	}
}

.header-bottom-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;

}

.header-bottom .header-menu {
	height: 80px;
	transition: var(--transition-default);

}

.header-scroll.header-bottom .header-menu {
	height: 70px;

}

.header-bottom .header-menu .list-menu {
	display: flex;
	align-items: center;
	height: 100%;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.header-bottom .header-menu .list-menu > .link-default {
	position: relative;
}

.header-bottom .header-menu .list-menu .link-default > .link-menu {
	color: var(--white-color);
	text-decoration: none;
	font-weight: 500;
	font-size: calc(var(--size-md) + 1px);
	padding: 32px 8px;
	transition: var(--transition-default);
	white-space: nowrap;

}

.header-bottom .header-menu .list-menu .link-default:hover > .link-menu {
	color: var(--gray-300);

}

.header-bottom .header-menu .list-menu .link-default .icon-angle-right i {
	transition: var(--transition-default);
}

.header-bottom .header-menu .list-menu .link-default:hover .icon-angle-right i {
	transform: rotate(180deg);
}

.link-menu .icon-angle-right {
	margin-left: 5px;

}

.header-bottom .header-menu .list-menu .link-default .menu-child {
	position: absolute;
	top: 100%;
	left: 0;
	width: 210px;
	background-color: var(--white-color);
	border-radius: 5px;
	padding: 0 18px;
	transform: translateY(25px) scale(.7);
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
	transition: all 0.1s ease-out;
	list-style: none;
	margin-bottom: 0;
}

.header-scroll.header-bottom .header-menu .list-menu .link-default .menu-child {
	transform: translateY(2px) scale(.7);
}

.header-bottom .header-menu .list-menu .link-default:hover .menu-child {
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
	transform: translateY(25px) scale(1);
}

.header-bottom .header-menu .list-menu .link-default .menu-child .link-default {

	position: relative;
}

.header-bottom .header-menu .list-menu .link-default .menu-child .link-default:not(:last-child) {
	border-bottom: 1px solid var(--gray-300);
}

.header-bottom .header-menu .list-menu .link-default .menu-child .link-default .link-menu-child {
	color: var(--black-color);
	font-weight: 500;
	font-size: var(--size-md);
	text-decoration: none;
	transition: var(--transition-default);
	padding: 12px 0;
	display: inline-block;
	width: 100%;
}

.header-bottom .header-menu .list-menu .link-default .menu-child .link-default:hover .link-menu-child {
	color: var(--secondary-hover);
}

.header-hamburger {
	display: none;
}

.header-hamburger .header-hamburger-inner {
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	cursor: pointer;

}

.header-hamburger .header-hamburger-inner span {
	background-color: var(--white-color);
	border-radius: 5px;
	width: 30px;
	height: 3px;
	margin: 3px;
	transition: var(--transition-default);
}

.header-menu.menu-mobile {
	position: fixed;
	left: -150%;
	top: 0;
	width: 300px;
	height: 100%;
	background-color: var(--primary-color);
	transition: all 0.7s ease-in-out;
	z-index: 12;
	box-shadow: var(--shadow-2);


}

.header-scroll .header-menu.menu-mobile {
	position: fixed;
	left: -150%;
	top: 0;
	width: 300px;
	height: 100%;
	background-color: var(--primary-color);
	transition: all 0.7s ease-in-out;
	z-index: 12;
	box-shadow: var(--shadow-2);


}

.show-menu-mobile .header-menu.menu-mobile {
	left: 0;
}

.header-menu.menu-mobile .list-menu {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 60px 16px;
	overflow-y: scroll;
}

.header-menu.menu-mobile .list-menu::-webkit-scrollbar {
	width: 15px;
}


.icon-close-menu {
	position: absolute;
	top: 4px;
	right: -20px;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background-color: var(--secondary-color);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--white-color);
	font-size: 23px;
	transition: var(--transition-default);
}

@media (max-width: 767px) {
	.icon-close-menu {
		width: 42px;
		height: 42px;
		font-size: 20px;
	}
}

.icon-close-menu:hover i {
	transform: rotate(360deg);
}

.header-menu.menu-mobile .list-menu > .link-default {
	padding: 12px;
	display: inline-block;
	width: 100%;
	position: relative;
}

.header-menu.menu-mobile .list-menu > .link-default::before {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #7e7c7c2e;

}

.header-menu.menu-mobile .list-menu .link-default .link-menu {
	text-decoration: none;
	font-weight: 700;
	font-size: var(--size-xl);
	padding: 0;
	transition: var(--transition-default);
	white-space: nowrap;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-family: 'Work Sans', sans-serif;

}

.header-menu.menu-mobile .menu-child {
	width: 100% !important;
	margin-bottom: 12px;
	transform: translateY(18px) scale(.8);
	transition: all 0.4s ease-in-out;
}

.header-menu.menu-mobile .list-menu .link-default:hover .menu-child {
	transform: translateY(18px) scale(1);
}

.link-menu [aria-expanded="true"] icon-angle-right i {
	transition: var(--transition-default);

}

.link-menu [aria-expanded="false"] icon-angle-right i {
	transition: var(--transition-default);
}

@media (max-width: 1023px) {
	.header-hamburger {
		display: block;
	}

	.header-menu.menu-desktop {
		display: none;
	}

	.header-bottom-inner {
		display: flex;
		align-items: center;
		justify-content: flex-start;

	}
	.header-bottom{
		padding: 10px 0px;
	}
	.header-scroll.header-bottom{
		padding: 8px 0px;
	}

	.header-bottom-inner .header-logo {
		justify-content: center;
		text-align: center;
		display: flex;
		align-items: center;
		margin: 0 auto;

	}

	.header-bottom .header-menu .list-menu .link-default .menu-child {
		position: unset;
		top: unset;
		left: unset;
	}
}

.bg-hidden {
	position: fixed;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background-color: rgb(124 118 118 / 52%);
	z-index: 10;

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

.overflow-hidden .bg-hidden {
	width: 100%;
}

/*=====================================
           section-banner
==================r=================== */
.section-banner {
	margin-top: 30px;
	height: 90vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;

}

@media (max-width: 991px) {
	.section-banner {
		margin-top: 0px;
	}
}

.section-banner .heading-banner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: var(--white-color);

}

.section-banner .heading-banner .heading {
	font-weight: 800;
	font-size: 2.7rem;


}
.section-banner .text-banner{
	line-height: 1.5;
}
@media (max-width: 1023px) {
	.section-banner .heading-banner .heading {
		font-weight: 800;
		font-size: 2.1rem !important;

	}
}

@media (max-width: 767px) {
	.section-banner .heading-banner .heading {
		font-weight: 800;
		font-size: 1.7rem !important;
	}
}
@media (max-width: 576px) {
	.section-banner .heading-banner .heading {
		font-weight: 800;
		font-size: 1.6rem !important;
	}
	.section-banner .text-banner{
		font-size: 0.975rem;
	}
}
/*=====================================
           section-heading
==================r=================== */
.section-heading {
	text-align: center;
	padding-bottom: 30px;
}

.section-heading .heading {
	color: var(--black-color);
	font-weight: 700;
	font-size: 2.1rem;
}

.section-heading .sub-heading {
	color: var(--gray-500);
	font-weight: 500;
}
@media (max-width: 1023px) {
	.section-heading .heading {
		font-size: 1.8rem !important;
	}
	.section-heading .sub-heading {
		color: var(--gray-500);
		font-weight: 500;
		font-size: 0.9rem;
	}
}
@media (max-width: 991px) {
	.section-heading .heading {
		font-size: 1.5rem !important;
	}
}

/*=====================================
           section-html
==================r=================== */
.section-html {
	background-color: #8affc733;
}

/*=====================================
           section-category
==================r=================== */
.section-category .card-category {
	position: relative;
	transition: var(--transition-default);
	box-shadow: 0 22px 40px rgb(0 0 0 / 15%);
}

.section-category .card-category:hover {
	transform: translateY(-5px);
	box-shadow: 0 22px 40px rgb(58 73 155 / 29%);

}

.section-category .card-category .card-image {
	display: block;
	overflow: hidden;
	position: relative;
}

.section-category .card-category .card-image::before {
	display: block;
	content: "";
	padding-top: calc(3 / 4 * 100%);
}

.section-category .card-category .card-image > img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px;
}

.section-category .card-category .title-image {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	font-weight: 700;
	color: var(--white-color);
	padding: 10px 20px 10px 20px;
	font-size: var(--size-xxl);

}
@media (max-width: 1339px) {
	.section-category .card-category .title-image {
		font-size: calc(var(--size-xxl) - 3px);

	}
}

@media (max-width: 991px) {
	.section-category .card-category .title-image {
		padding: 8px;
		font-size: calc(var(--size-xl) - 1px);
	}
}

/*=====================================
           section-contact
==================r=================== */
.section-contact {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 60vh;
	position: relative;
}
@media (max-width: 1399px) {
	.section-contact {
		height: 45vh;
	}
}
.section-contact::before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(27 27 30 / 58%);
}

.section-contact .section-heading .sub-heading {
	color: rgb(255 255 255 / 87%) !important;
	line-height: 1.3;
}

.section-contact .section-contact-html {
	color: var(--white-color);

}

.section-contact .section-contact-html h2 {
	text-transform: capitalize;
	font-weight: 400;
	padding-bottom: 50px;

}

@media (max-width: 767px) {
	.section-contact .section-contact-html h2 {
		font-size: var(--size-xxxl);
	}
}

.section-contact-html .link-contact {
	background-color: var(--secondary-color);
	border: 0;
	border-radius: 5px;
	color: var(--white-color);
	padding: 12px 25px;
	text-decoration: none;
	transition: var(--transition-default);
	text-transform: capitalize;
	font-weight: 500;


}

.section-contact-html .link-contact:hover {
	background-color: var(--primary-color);
}

/*=====================================
         section-table-price
==================r=================== */
.section-table-price .table-price-car {
	margin: 0 auto;
}

.section-search-table {
	padding-bottom: 30px;
}

.input-search {
	box-shadow: none;
	outline: 0;
	position: relative;
	border-radius: 10px;
	width: 100%;
	height: 40px;
	border: 1px solid var(--secondary-color);
	padding: 4px 70px 4px 12px;

}

.section-search-table .icon-search {
	position: absolute;
	right: 19px;
	top: 4px;
	background-color: var(--secondary-color);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--white-color);
	width: 60px;
	height: 32px;
	border: 1px solid transparent;
	border-radius: 8px;
	font-size: var(--size-md);
}

#sticky-table table{
	width: 100%;
	margin:  0 auto;
	max-width: 960px;
}
#sticky-table thead th{
	position: sticky;
	position: -webkit-sticky;
	top: 69px;
	background-color: #c3e6cb;
	white-space: nowrap;
}
#sticky-table tr{
	width: 90px;
}


@media (max-width: 1023px) {
	#sticky-table thead th{
		top: 52px;

	}
}

@media (max-width: 991px) {
	#sticky-table {
		display: block;
		overflow-y: auto;
		height: 600px;

	}
	#sticky-table thead{
		position: sticky;
		top:0;

	}
	#sticky-table thead th{
		position: unset;
		top: unset;

	}
}




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

.section-service .box-html .card-header {
	background: transparent;
}

.section-service .box-html .card-header > img {
	border-radius: 8px;
}

.section-service .box-html .card-title {
	font-weight: 700;
	font-size: 1.375rem;
	margin-bottom: 8px;
	height: 60px;
}

.section-service .box-html .card-text {
	color: var(--gray-700);
	font-size: var(--size-lg);
	line-height: calc(1.6 * var(--size-lg));

}

.section-service .box-html .card-body {
	display: flex;
	flex-direction: column;
	padding: 0 0 1rem 0;
}

.section-service .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-service .box-html .card-body .box-html-link:hover {
	color: var(--primary-hover);
}

.ml-5px {
	margin-left: 5px;
}

.ratio {
	position: relative;
	width: 100%;
}

.ratio.ratio-16x9 {
	--bs-aspect-ratio: 56.25%;
}

.ratio::before {
	display: block;
	padding-top: var(--bs-aspect-ratio);
	content: "";
}

.ratio > * {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 767px) {
	.section-service .box-html .card-title {
		font-weight: 700;
		font-size: 1.1rem;
	}

	.section-service .box-html .card-text {
		font-size: var(--size-md);
	}
}

.card-blog .card-body {
	padding: 10px;
}

.card-blog .card-body .card-title {
	font-size: var(--size-lg);
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	transition: var(--transition-default);
	margin-bottom: 0;
}

.card-blog .card-header:before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	transform: skewX(-25deg);
}

.card-blog:hover .card-header:before {
	animation: shine .75s
}

@-webkit-keyframes shine {
	100% {
		left: 125%
	}
}

@keyframes shine {
	100% {
		left: 125%
	}
}

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

.companion-image {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.companion-image img {
	height: 80px;
	width: auto;
	object-fit: contain;
}

.slider-fullRight {
	margin-left: auto;
}

/*=====================================
           section-question
==================r=================== */
.section-question {
	overflow: hidden;
}

.section-question .item-question {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--gray-900);
	font-weight: 500;
	text-decoration: none;
	padding: 16px 0px;
	font-size: var(--size-xxl);
	position: relative;
}

.section-question .item-question::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: var(--gray-300);
}

.section-question .item-question .icon-plus i {
	position: relative;
	transition: var(--transition-default);
}

.section-question .item-question[aria-expanded="true"] .icon-plus i::before {
	position: absolute;
	content: '\f068';
	font-family: "Font Awesome 5 Pro";
	right: 0;
	top: -18px;
	color: var(--gray-900);
}

.section-question .button-question {
	display: flex;
	justify-content: space-between;
	border: 0;
	background-color: transparent;
	padding: 10px 0px;
	font-weight: 500;
}

.section-question .card-question {
	padding: 1rem 1rem 1rem 0;
	line-height: 1.5;
}

@media (max-width: 576px) {
	.section-question .item-question {
		font-size: var(--size-xl);
	}
}


/*=====================================
         section-introduce
==================r=================== */
.section-introduce .sub-heading {
	font-size: var(--size-xl);
}

.section-introduce .card-introduce {
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: 30px;
	transition: var(--transition-default);
	border-radius: 5px;
	border: 1px solid var(--gray-200);
}

.section-introduce .card-introduce:hover {
	box-shadow: var(--shadow-2);
}

.section-introduce .card-introduce .image-card {
	width: 100px;
	height: 100px;
	margin: 0 auto;


}

.section-introduce .card-introduce .image-card > img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.section-introduce .card-introduce .card-text {
	padding-top: 10px;
	font-weight: 500;
	font-size: var(--size-xl);
}

.section-introduce .text-html {
	padding: 30px 0px;
}

/*=====================================
        section-blogs
==================r=================== */
.section-blogs .card-blog {
	border-radius: 5px;
	overflow: hidden;
	transition: var(--transition-default);
}

.section-blogs .card-blog:hover {
	box-shadow: 0 22px 40px rgb(0 0 0 / 15%);
	transform: translateY(-4px);
}

.section-blogs .card-blog .image-card {
	display: block;
	overflow: hidden;
	position: relative;
}

.section-blogs .card-blog .image-card::before {
	display: block;
	content: "";
	padding-top: calc(3 / 4 * 100%);
}

.section-blogs .card-blog .image-card .image-thumb {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px;
}

.section-blogs .card-blog .card-body {
	padding: 20px;
	display: flex;
	flex-direction: column;
	flex: 1 1 0%;
}

.section-blogs .card-blog .card-body .blog-date {
	font-weight: 500;
	padding-bottom: 8px;
	font-size: var(--size-sm);
}

.section-blogs .card-blog .card-body .title-blog {
	font-weight: 700;
	font-size: var(--size-xxl);
	line-height: 28px;
	text-decoration: none;
	color: var(--gray-900);
	transition: var(--transition-default);
}

.section-blogs .card-blog .card-body .title-blog:hover {
	color: var(--primary-hover);
}

.section-blogs .card-blog .card-body .card-text {
	line-height: 1.5;
	padding-top: 18px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.section-blogs .card-blog .card-body .link-blog {
	color: var(--gray-500);
	text-transform: capitalize;
	text-decoration: none;
	margin-top: auto;
	padding-top: 25px;
	transition: var(--transition-default);
	display: block;
}

.section-blogs .card-blog .card-body .link-blog:hover {
	color: var(--gray-900);
}

.section-blogs #section-blog {
	display: none;
}

@media (max-width: 768px) {
	.section-blogs #section-blog {
		display: block;
	}

	.section-blogs .list-blog {
		display: none;
	}

	.section-blogs .card-blog .card-body {
		padding: 20px;
	}

	.section-blogs .card-blog .card-body .title-blog {
		font-weight: 700;
		font-size: var(--size-xl);
		line-height: 1.3;
	}
	.section-blogs .card-blog .card-body .card-text {
		line-height: 1.3;
		font-size: 0.975rem;
	}
}
@media (max-width: 576px) {
	.section-blogs .card-blog .card-body .card-text {
		line-height: 1.3;
		font-size: 0.9rem;
	}
}
.section-feedback .section-feedback__main {
	padding-top: 2rem;
}

.section-feedback .feedback-card {
	border-radius: 0.25rem;
	box-shadow: 0 3px 18px rgb(35 38 40 / 30%);
	color: #212529;
	flex-flow: row nowrap;
}

.section-feedback .feedback-card .card-body {
	padding: 1.25rem;
	display: flex;
	flex-flow: row nowrap;
}

.section-feedback .feedback-card .card-body .card-body__left {
	display: flex;
	flex-flow: column nowrap;
}

.section-feedback .feedback-card .card-body .card-body__left .card-name {
	color: var(--primary-color);
	font-size: 0.875rem;
	font-weight: 700;
	text-align: center;
	margin-top: auto;
	white-space: nowrap;
}

.section-feedback .feedback-card .card-body .card-body__left .card-avatar {
	width: 124px;
	height: 124px;
	border-radius: 50%;
	border: 4px solid var(--primary-color);
	overflow: hidden;
	margin-bottom: 0.5rem;
}

.section-feedback .feedback-card .card-body .card-body__left .card-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.section-feedback .feedback-card .card-body .card-body__right {
	display: flex;
	flex-flow: column nowrap;
}

.section-feedback .feedback-card .card-body .card-body__right .card-meta {
	margin-top: auto;
}

.section-feedback .feedback-card .card-body .card-body__right .card-star {
	margin-top: auto;
}

.section-feedback .feedback-card .card-body .card-body__right .card-star i {
	font-size: 1.125rem;
	color: #ea7837;
}

.section-feedback .feedback-card .card-body .card-body__right .card-star i + i {
	margin-left: 0.25rem;
}

.section-feedback .feedback-card .card-body .card-body__right .card-desc {
	position: relative;
	padding: 0 1.5rem;
	margin-left: 0.5rem;
	margin-bottom: 0.5rem;
}

.section-feedback .feedback-card .card-body .card-body__right .card-desc::before,
.section-feedback .feedback-card .card-body .card-body__right .card-desc::after {
	content: '';
	font-family: "Font Awesome 5 Pro", sans-serif;
	position: absolute;
	font-size: 1.125rem;
	font-weight: 900;
	color: #b6b6b9;
}

.section-feedback .feedback-card .card-body .card-body__right .card-desc::before {
	content: "\f10d";
	left: 0;
	top: 0;
}

.section-feedback .feedback-card .card-body .card-body__right .card-desc::after {
	content: "\f10e";
	bottom: 0;
	right: 0;
}
.section-feedback .feedback-card .card-body .card-body__left .card-inner{
	display: none;
}
@media (max-width: 576px) {
	.section-feedback .feedback-card .card-body{
		display: flex;
		flex-direction: column;
	}
	.section-feedback .feedback-card .card-body .card-body__left{
		order: 2;
	}
	.section-feedback .feedback-card .card-body .card-body__left{
		order: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-flow: row;
		padding-top: 15px;
	}
	.section-feedback .feedback-card .card-body .card-body__left .card-inner{
		display:block;
	}
	.section-feedback .feedback-card .card-body .card-body__left .card-inner .card-name-title{
		color: var(--primary-color);
		font-size: 0.875rem;
		margin-bottom: 10px;
		font-weight: 700;
	}
	.section-feedback .feedback-card .card-body .card-body__left .card-inner .card-star{
		font-size: 1.125rem;
		color: #ea7837;
	}
	.section-feedback .feedback-card .card-body .card-body__left .card-avatar{
		margin-right: 15px;
	}
	.section-feedback .feedback-card .card-body .card-body__right .card-meta{
		display: none;
	}
	.section-feedback .feedback-card .card-body .card-body__left .card-name{
		display: none;
	}
}

.feedback-slide {
	position: relative;
}

.sw-pagination {
	position: static;
	display: flex;
	justify-content: center;
	align-items: baseline;
	padding: 2.5rem 0 0 0;
}

.custom-bullet {
	width: 0.625rem;
	height: 1.25rem;
	border-radius: 50%;
	background-color: #86868b;
	margin: 0 0.25rem;
	transition: 500ms ease-in-out;
	transform-origin: 50% 100%;
	transform: scaleY(50%);
	cursor: pointer;
}

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

.section-feedback {
	position: relative;
}

@media (max-width: 1199px) {
	.section-feedback .feedback-card .card-body .card-body__left .card-avatar {
		width: 104px;
		height: 104px;
	}
}

@media (max-width: 991px) {
	.section-feedback .feedback-card .card-body .card-body__left .card-avatar {
		width: 95px;
		height: 95px;
	}
}

@media (max-width: 767px) {

	.section-feedback .feedback-card .card-body .card-body__right .card-star i,
	.section-feedback .feedback-card .card-body .card-body__right .card-desc::before,
	.section-feedback .feedback-card .card-body .card-body__right .card-desc::after {
		font-size: 1rem;
	}

	.sw-pagination {
		padding-top: 20px;
	}
}


.section-text-html .html-inner .html-content {
	overflow: hidden;
}
.section-text-html .html-inner .html-content h1{
	font-size: 1.7rem;
}
.section-text-html .html-inner .html-content h2{
	font-size: 1.6rem;
}
.section-text-html .html-inner .html-content h3{
	font-size: 1.5rem;
}
.section-text-html .html-inner .html-content h4{
	font-size: 1.4rem;
}
.section-text-html .html-inner .html-content h5{
	font-size: 1.3rem;
}
.section-text-html .html-inner .html-content h6{
	font-size: 1.2rem;
}
.section-text-html img{
	max-width: 100%;
	height: auto;
}
.showAll {
	max-height: 100% !important;
}

/*=====================================
           footer
==================r=================== */
footer{
	background-color: var(--primary-color);
	color:var(--gray-100);

}
.footer-top{
	padding: 50px 0px;

}
.footer-top .item-footer:not(:last-child){
	padding-bottom: 30px;
}
.footer-top .item-footer .heading-footer{
	font-weight: 700;
	font-size: var(--size-xl);
	margin-bottom: 22px;
	text-transform: capitalize;
}
.footer-top .item-footer .footer-content{
	color:var(--gray-200);
	font-weight: 300;
	line-height: 1.5;
	font-size:  calc(var(--size-lg) - 1px);
	padding-bottom: 10px;
}
.footer-top .item-footer .footer-content > ul {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}

.footer-top .list-statistic > li{
	display: flex;
	align-items: center;

}
.footer-top .list-statistic > li > span{
	width: 25px;
	flex-shrink: 0;
}

.footer-content .list-item-contact .link-default:not(:last-child),
.footer-content .list-statistic li:not(:last-child),
.footer-content .list-blog li:not(:last-child)
{
	margin-bottom: 10px;
	font-weight: 300;
	color:var(--gray-200);

}
.footer-content .list-item-contact .link-default .link-contact,
.footer-content .list-blog .link-default .link-contact
{
	color:var(--gray-200);
	text-decoration: none !important;
transition: var(--transition-default);
	display: flex;


}
.footer-content .list-item-contact .link-default .link-contact:hover,
.footer-content .list-blog .link-default .link-contact:hover{
	color:var(--white-color);
}
.footer-content .list-item-contact .link-default{
	display: flex;
}
.footer-content .list-item-contact .link-default .icon-footer-contact{
	width: 25px;
	flex-shrink: 0;
}
.footer-bottom{
	color:var(--gray-300);
	font-size: var(--size-sm);
	font-weight: 300;
	border-top: 1px solid #c3c4c53d;
	padding: 15px 0px;
}
.footer-bottom .footer-item > a{

	color:var(--gray-300);
}
.footer-bottom .list-menu{
	display: flex;
	list-style:none;
	margin-bottom: 0;
}
.footer-bottom .list-menu .link-default{
	margin:10px;
}
@media (max-width: 767px) {
	.footer-top .logo-footer{
		display: flex;
		align-items: center;
		justify-content: center;
		margin:  0 auto;
		text-align: center;
	}
	.footer-bottom .list-menu{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		padding-bottom: 10px;

	}
}
@media (max-width: 576px) {
.footer-bottom .footer-item{
	float: none;
	text-align: center;
}
	.footer-bottom .list-menu{
		padding-left: 0;
	}
	.footer-bottom .list-menu .link-default{
		margin: 6px 8px;
	}
}

.footer-bottom .list-menu .link-default .link-menu{
	text-decoration: none;
	color:var(--gray-300);
	font-weight: 300;
	transition: var(--transition-default);
	white-space: nowrap;
}
.footer-bottom .list-menu .link-default .link-menu:hover{
	color:var(--white-color);
}


.wrapper{
	padding-top: 80px !important;
}

@media (max-width: 1023px) {
	.wrapper{
		padding-top: 60px !important;
	}
}

/*=====================================
          container-dmsp
==================r=================== */
.container-dmsp .link-custom{
	text-decoration: none;
}
.container-dmsp .link-custom .mota-tensanpham{
	color:var(--primary-color);
	transition: var(--transition-default);
	font-size: var(--size-xl);
	padding-bottom: 5px;
	padding-top: 15px;
}
.container-dmsp .link-custom .mota-tensanpham:hover{
	color:var(--primary-hover);

}


/*=====================================
         popupMessage
==================r=================== */

#popupMessage {
	background-color: #fff;
	box-shadow: 0 0 15px 0 rgb(0 0 0 / 20%);
	padding: 10px;
	position: fixed;
	bottom: -110px;
	left: 15px;
	min-height: 80px;
	min-width: 330px;
	max-width: 450px;
	z-index: 9999;
	display: flex;
	align-content: center;
	align-items: center;
	-webkit-transition: all 400ms;
	transition: all 400ms;
	border-radius: 15px;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
}

#popupMessage.is-show {
	bottom: 15px;
	left: 15px;
	pointer-events: auto;
	opacity: 1;
	visibility: visible;
}

#popupMessage .popup-logo {
	width: 60px;
	flex-shrink: 0;
	margin-right: 5px;
}

#popupMessage .popup-logo a {
	display: block;
}

#popupMessage .popup-logo a img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

#popupMessage .popup-content {
	padding: 5px;
	color: #4a4a4a;
	font-size: 14px;
	width: 100%;
}

#popupMessage .popup-content > p {
	margin-bottom: 0;
	color: #4a4a4a;
}

#popupMessage .popup-content > p .popup-content_customer {
	font-weight: 600;
}

#popupMessage .popup-content > .popup-content_name {
	font-weight: 600;
	color: #4a4a4a;
}

#popupMessage .popup-redirect {
	width: 30px;
	height: 45px;
	margin-left: 25px;
	flex-shrink: 0;
	position: relative;
}

#popupMessage .popup-redirect > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	color: #4a4a4a;
	font-size: 24px;
}

#popupMessage .popup-redirect > a > i:first-child {
	position: absolute;
	top: 12px;
	margin-left: 0;
	width: 12px;
	height: 12px;
	animation: bounceAlpha 1.4s 0.2s infinite linear;
}

#popupMessage .popup-redirect > a > i:last-child {
	position: absolute;
	top: 12px;
	width: 12px;
	height: 12px;
	margin-left: 10px;
	animation: bounceAlpha 1.4s infinite linear;
}

@keyframes bounceAlpha {
	0% {
		opacity: 1;
		transform: translateX(0px) scale(1);
	}
	25% {
		opacity: 0;
		transform: translateX(12px) scale(0.9);
	}
	26% {
		opacity: 0;
		transform: translateX(-12px) scale(0.9);
	}
	55% {
		opacity: 1;
		transform: translateX(0px) scale(1);
	}
}


@media screen and (max-width: 768px) {
	#popupMessage {
		right: 15px;
	}

	#popupMessage.is-show {
		bottom: 75px;
	}

	#popupMessage .popup-logo {
		width: 50px;
	}

	#popupMessage .popup-content {
		font-size: 13px;
	}
}
@media screen and (max-width: 576px) {
	#popupMessage {
		display: none;
	}
}
/*=====================================
         page - contact
==================r=================== */
.page-contact{
	padding-bottom: 50px;
}
.page-contact .section-heading .heading{
	font-size: 1.9rem;
	margin-bottom: 5px;
}
.page-contact .column-left{
	padding: 30px;

}
@media (max-width: 576px) {
	.page-contact .section-heading .heading {
		font-size: 1.6rem !important;:489
	}
	.page-contact .list-item-contact .link-default .link-item-contact{
		font-size: 15px;
	}
	.page-contact .column-left{
		padding: 20px !important;

	}
}

.page-contact .section-info{
	margin-bottom: 20px;
}
.page-contact .section-info > ul {
    list-style: none;
    margin-bottom: none;
    padding-left: 0;
}

.page-contact .list-item-contact .link-default {
margin-bottom: 10px;
}
.page-contact .list-item-contact .link-default .icon-contact{
	width: 40px;
	height: 40px;
	background-color: var(--secondary-color);
	display: flex;
	align-items: center;
	justify-content: center;
	color:var(--white-color);
	border-radius: 5px;
	border-radius: 50%;
}
.page-contact .list-item-contact .link-default .link-item-contact{
text-decoration: none;
	color:var(--gray-600);
	display: flex;
	align-items: center;
	transition: var(--transition-default);
}
.page-contact .list-item-contact .link-default .link-item-contact:hover{
	color:var(--gray-800);
}
.page-contact .list-item-contact .link-default .link-item-contact .icon-contact{
	flex-shrink: 0;
	margin-right: 5px;
}
.page-contact .input-form{

	border-radius: 0.25rem;
	outline: 0;
	box-shadow: none;
	font-size: 15px;
	height: 40px;
}
.page-contact .textarea-input{
	border-radius: 0.25rem;
	outline: 0;
	box-shadow: none;
	font-size: 15px;
}
.box-authentication{
	padding-bottom: 20px;
}
.btn-submit-contact{
	background-color: var(--secondary-color);
	border: 0;
	border-radius: 5px;
	color: var(--white-color);
	padding: 12px 25px;
	text-decoration: none;
	transition: var(--transition-default);
	text-transform: capitalize;
	font-weight: 500;
	margin-top: 30px;
}
.btn-submit-contact:hover{
	background-color: var(--primary-color);
}
.main-content-inner{
	background-color: var(--white-color);
	border-radius: 5px;
}
/*=====================================
         breadcrumb
==================r=================== */
.section-breadcrumb{

	margin-bottom: 10px;
}
.section-breadcrumb .item-breadcrumb{
font-size: calc(var(--size-md) + 1px );
	color:var(--primary-color);
	text-decoration: none;
	transition: var(--transition-default);
}
@media (max-width: 576px) {
	.section-breadcrumb .item-breadcrumb:last-child{
		display: none;
	}
	.section-breadcrumb span:last-child{
		display: none;
	}
}
.section-breadcrumb .item-breadcrumb:hover{
	color:var(--primary-hover);
}
/*=====================================
      page-detail-blog
==================r=================== */
.page-detail-blog{
	padding-bottom: 50px;
}
.page-detail-blog .column-left{
	padding: 20px;
	background-color: var(--white-color);
}
.page-detail-blog .section-heading .heading{
	font-size: 1.9rem !important;

}
@media (max-width: 1023px) {
	.page-detail-blog .section-heading .heading{
		font-size: 1.7rem !important;

	}
}
@media (max-width: 767px) {
	.page-detail-blog .section-heading .heading{
		font-size: 1.5rem !important;

	}
}
.page-detail-blog .date-blog{
	color:var(--gray-600);
	font-weight: 300;
	font-size: 14px;

}
.page-detail-blog .list-detail-blog{
padding-top: 20px;
}
.page-detail-blog .heading-detail-blog{
	font-size: 1.6rem;
	font-weight: 700;

}
.page-detail-blog .link-blog{
	color:var(--gray-800);
	transition: var(--transition-default);
	text-decoration: none;
}
.page-detail-blog .link-blog > span{
	font-weight: 300;
	font-size: 14px;
}
.page-detail-blog .link-blog:hover{
	color:var(--primary-hover);
}
.page-detail-blog .blog-content img{
	max-width: 100%;
	height: auto;
}
.page-detail-blog .blog-content h1{
font-size: 1.25rem;
}
.page-detail-blog .blog-content h2{
font-size: 1.125rem;
}
.page-detail-blog .blog-content h3{
font-size: 1.15rem;
}
.page-detail-blog .blog-content h4{
font-size: 1.125rem;
}
.page-detail-blog .blog-content h5{
font-size: 1.12rem;
}
.page-detail-blog .blog-content h6{
font-size: 1.1rem;
}
.form-booking .input-form{
	border-radius: 0.25rem;
	outline: 0;
	box-shadow: none;
	font-size: 15px;
	height: 40px;
}
.form-booking .textarea-input{
	border-radius: 0.25rem;
	outline: 0;
	box-shadow: none;
	font-size: 15px;
}
.form-booking .heading-form{
	font-weight: 700;
	font-size: 1.2rem;
	background-color: var(--secondary-color);
	padding: 15px;
	color:var(--white-color);


}
.form-booking .btn-booking{
	background-color: var(--secondary-color);
	border: 0;
	border-radius: 5px;
	color: var(--white-color);
	padding: 12px 25px;
	text-decoration: none;
	transition: var(--transition-default);
	text-transform: uppercase;
	font-weight: 500;
	font-size: 15px;

}


@media (max-width: 768px) {
	.section-blogs .list-blog {
		display: inline-flex!important;
	}
}

/*=====================================
    bottom-pagination
==================r=================== */
.bottom-pagination{
	padding:20px 0px 30px;
}
.bottom-pagination .pagination li{
	box-shadow: none;
}
.bottom-pagination .pagination li a{
	background-color: var(--secondary-color);
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	color:var(--white-color);
	text-decoration: none;
	margin: 0px 5px;
	border-radius: 5px;
	transition: var(--transition-default);
	box-shadow: none;

}
.bottom-pagination .pagination li a:hover{
	background-color: var(--secondary-hover);
}

/*=====================================
    detail-product
==================r=================== */
.page-detail-product{
	border-radius: 5px;
	padding-bottom: 50px;
}
.page-detail-product .column-left{
	background-color: var(--white-color);
	padding: 20px;
}
.page-detail-product .heading-product{
	font-size: 1.6rem;
	font-weight: 600;
	margin-bottom: 8px;
	color:var(--primary-color);
}
.page-detail-product .img-thumbnail{
	margin-bottom: 10px;
}

.callbutton {
	padding: 10px;
	border-radius: 7px;
	color: #fff;
	background-color: #d50000;
	display: inline-block;
	margin-top: 10px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
	transition: .3s ease-in-out;
	text-decoration: none;
}

.callbutton:hover {
	text-decoration: none;
	background-color: #9a0101;
	color:var(--white-color);

}
.page-detail-product .heading-product-detail{
	font-size: 1.6rem;
	font-weight: 700;

	text-transform: uppercase;
	padding: 20px 0px 10px 0px;
}

/*=====================================
         page-detail-product
==================r=================== */
#section-detail-product .card-product .image-card{
	position: relative;
	display: block;
	overflow: hidden;
}
#section-detail-product .card-product .image-card::before{
	display: block;
	content: "";
	padding-top: calc(3 / 4 * 100%);
}
#section-detail-product .card-product .image-card img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;

}
#section-detail-product .card-product .product-info .title-product{
	text-decoration: none;
	color:var(--gray-900);

}
#section-detail-product .card-product .product-info .product-name{
	color: var(--primary-color);
	transition: var(--transition-default);
	font-size: var(--size-xl);
	padding-bottom: 5px;
	font-weight: 700;
}
#section-detail-product .card-product .product-info .product-name:hover{
	color:var(--primary-hover);
}
.zalo-share-button{
	z-index: 2;
}

.button-readmore{
	color:var(--primary-color);
	transition: var(--transition-default);
}
.button-readmore:hover{
	color:var(--primary-hover);
}


.form-control.is-invalid,
.was-validated .form-control:invalid {
	background-image:none !important;
	outline: 0;
	box-shadow: none !important;
}
.form-control.is-valid,
.was-validated .form-control:valid{
	background-image:none !important;
	outline: 0;
	box-shadow: none !important;

}

.form-gift .form-control,
.form-gift .form-control::placeholder {
	font-size: 0.875rem;
}
.form-gift  .form-group {
	position: relative;
}
.form-gift .form-control + .invalid-feedback {
	display: block;
	position: absolute;
	top: 100%;
	left: 4px;
	opacity: 0.75;
}
.form-gift  .form-group > label {
	font-size: 0.875rem;
	margin-left: 3px;
}