.content-side h2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	min-height: 52px;
}

.price-products-products-all {
	display: flex;
	gap: 0px 10px;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 10px;
}

.price-products-products-all .old_price {
	color: #444;
	font-size: 13px;
}

.price-products-products-all .old_price span.icon-price {
	color: #444;
}


span.icon-price {
	font-size: 11px !important;
	display: inline-block;
	position: relative;
	top: -7px;
	left: 0px;
}

.price-products s span {
	color: #444;
}

.price-products-products-all span {
	color: #f00;
	font-size: 16px;
	font-weight: 500;
}

.price-products-products-all .old_price {
	color: #444;
	font-size: 13px;
}

section.blogs {
	padding: 3rem 0px;
}

.box-member-couter-products {
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.199) 0px 5px 15px;
	border-radius: 15px;
	overflow: hidden;
	padding: 14px 15px;
}

.box-custum-products-cate {
	background: rgba(255, 255, 255, 0.95);
	backdrop-filter: blur(15px);
	border-radius: 15px;
	padding: 20px 5px;
	box-shadow: rgba(0, 0, 0, 0.199) 0px 5px 15px;
	height: fit-content;
	position: sticky;
	top: 80px;
	transition: all 0.3s ease;
	margin-bottom: 20px;
}

.box-member-couter-products:nth-child(2) {
	top: 70px;
}

.box-member-couter-products:nth-child(3) {
	top: 90px;
}

.box-member-couter-products:nth-child(4) {
	top: 110px;
}

.box-member-couter-products:nth-child(5) {
	top: 130px;
}

.box-member-couter-products:nth-child(6) {
	top: 150px;
}

.block-title {
	text-align: center;
}

.block-title .sub-title {
	display: block;
	font-weight: 600;
	margin-bottom: .25rem;
	font-size: 15px;
}

.block-title h2 {
	font-size: 25px;
	display: block;
	padding: 5px 0px 15px;
	text-transform: uppercase;
	/* font-family: unset; */
	font-weight: 800;
	display: inline-block;
	position: relative;
}

.splide__track {
	position: relative;
	display: block;
	/* margin-left: 3rem; */
	/* width: 30%; */
	margin-top: 30px;
}

.splide__slide {
	position: relative;
}

.news-img {
	position: relative;
}

a.news-cat.shadow-sm {}

a.news-cat.shadow-sm strong {
	transform: rotate(180deg);
	writing-mode: vertical-lr;
	text-transform: uppercase;
	font-weight: 700;
}

.news-date {
	position: absolute;
	top: 1rem;
	right: 1rem;
	background-color: #ffffffd9;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 12px;
	line-height: 1.25;
	padding: .5rem;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	transition: all 0.3s ease-in-out;
}

.news-date span:last-child {
	border-top: 1px solid #000;
}

.news-content.shadow-sm {
	padding: 1.5rem;
	background-color: #fff;
	box-shadow: 0 0.15rem 0.35rem rgba(0, 0, 0, 0.075);
}

h3.news-title a {
	font-size: 19px;
}

h3.news-title {
	line-height: unset;
}

a.velora-hedding {
	font-size: 19px;
	font-weight: 700;
	line-height: 1.1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}

figure.image-hover.image-hover-overlay img {
	display: block;
	width: 100%;
}

a.news-link svg {
	width: 25px;
	height: 25px;
	margin-left: 10px;
}

a.news-link {
	display: inline-flex;
	align-items: center;
}

.comment-view {
	padding-top: 10px;
}

.news.hover-effect {
	padding-left: 10px;
	padding-right: 10px;
	transition: 0.5s ease;
	padding-bottom: 20px;
}

.splide__track button svg {
	width: 20px;
	height: 20px;
	fill: #fff !important;
}

button.slick-prev-blogs.slick-arrow {
	-ms-flex-align: center;
	position: absolute;
	align-items: center;
	background: #144121;
	color: #fff;
	border: 0;
	cursor: pointer;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	opacity: 1;
	padding: 0;
	top: 50%;
	width: 40px;
	height: 40px;
	font-size: .85rem;
	z-index: 1;
	border-radius: 50%;
	transform: translateY(-50%);
	transition: .25s ease-in-out;
	right: 0;
	opacity: 0;
}

button.slick-prev-blogs.slick-arrow svg path {
	fill: #fff;
	stroke: #fff;
}

.splide__track button svg path {
	stroke: #fff;
	fill: #fff;
}

button.slick-next-blogs.slick-arrow {
	-ms-flex-align: center;
	position: absolute;
	align-items: center;
	background: #144121;
	color: #fff;
	border: 0;
	cursor: pointer;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	opacity: 1;
	padding: 0;
	top: 50%;
	width: 40px;
	height: 40px;
	font-size: .85rem;
	z-index: 1;
	border-radius: 50%;
	transform: translateY(-50%);
	transition: .25s ease-in-out;
	left: 35px;
	opacity: 0;
}

button.slick-next-blogs.slick-arrow svg {
	transform: rotate(180deg);
}

.splide__track:hover button.slick-next-blogs.slick-arrow,
.splide__track:hover button.slick-prev-blogs.slick-arrow {
	opacity: 1;
}

.hover-effect:hover {
	transform: translateY(-.5rem);
}

.hero-section {
	height: 450px;
	display: flex;
	align-items: center;
	position: relative;
	background: url(https://img.freepik.com/free-vector/milk-cosmetics-bottles-mockup-with-space-name-brand-stand-milky-splash_33099-1414.jpg?semt=ais_hybrid&w=740);
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 30px;
}

.hero-section .background-image {
	position: absolute;
	left: 0;
	top: 0;
	width: 60%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 1;
}

.hero-section .product-showcase {
	position: absolute;
	left: 8%;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 30px;
}

.hero-section .product-item {
	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(10px);
	border-radius: 15px;
	padding: 20px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
	text-align: center;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	min-width: 120px;
}

.hero-section .product-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}

.hero-section .product-bottle {
	width: 60px;
	height: 80px;
	background: linear-gradient(145deg, #fff, #f0f0f0);
	border-radius: 30px 30px 8px 8px;
	margin: 0 auto 15px;
	position: relative;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

.hero-section .product-bottle::before {
	content: '';
	position: absolute;
	top: -8px;
	left: 50%;
	transform: translateX(-50%);
	width: 20px;
	height: 12px;
	background: #ddd;
	border-radius: 4px 4px 0 0;
}

.hero-section .product-bottle::after {
	content: '';
	position: absolute;
	top: 20px;
	left: 15px;
	width: 30px;
	height: 40px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));
	border-radius: 15px;
}

.hero-section .product-name {
	font-size: 12px;
	color: #666;
	font-weight: 500;
	margin-bottom: 5px;
}

.hero-section .product-type {
	font-size: 10px;
	color: #999;
}

.hero-section .content-section {
	position: absolute;
	right: 8%;
	top: 50%;
	transform: translateY(-50%);
	width: 37%;
	z-index: 3;
}

.hero-section .content-text {
	margin-bottom: 20px;
}

.hero-section .main-title {
	font-size: 45px;
	font-weight: bold;
	color: #333;
	margin-bottom: 15px;
	letter-spacing: -1px;
}

.hero-section .cta-button a {
	color: #fff;
}

.hero-section .subtitle {
	font-size: 16px;
	color: #666;
	line-height: 1.6;
	margin-bottom: 30px;
	text-align: left;
	letter-spacing: unset;
	font-family: unset;
	text-align: center;
}

.hero-section .cta-button {
	background: #016fb9;
	color: white;
	border: none;
	padding: 15px 35px;
	font-size: 16px;
	font-weight: 600;
	border-radius: 50px;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 4px 15px #016fb978;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-radius: 7px;
}

.hero-section .cta-button:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(243, 156, 18, 0.4);
	background: linear-gradient(135deg, #e67e22, #d35400);
}

.hero-section .floating-elements {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
}

.hero-section .floating-element {
	position: absolute;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	animation: float 6s ease-in-out infinite;
}

.hero-section .floating-element:nth-child(1) {
	width: 80px;
	height: 80px;
	top: 20%;
	left: 70%;
	animation-delay: 0s;
}

.hero-section .floating-element:nth-child(2) {
	width: 60px;
	height: 60px;
	top: 60%;
	left: 75%;
	animation-delay: 2s;
}

.hero-section .floating-element:nth-child(3) {
	width: 100px;
	height: 100px;
	top: 80%;
	left: 65%;
	animation-delay: 4s;
}

@keyframes float {

	0%,
	100% {
		transform: translateY(0px) rotate(0deg);
	}

	50% {
		transform: translateY(-20px) rotate(180deg);
	}
}

.about-home-section .slide-title {
	font-size: 17px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-bottom: 0px !important;
	min-height: 60px;
	margin-bottom: 10px;
}

.about-home-section .slide-content {
	background: #ffffffa1;
	width: 100%;
}



.list_product .item {
	padding: 15px 8px;
	border-radius: 14px;
}

.list_product .item .box_item {
	text-align: center;
	justify-content: center;
	position: relative;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	background: #fff;
}

.list_product .box_item .image img {
	/* width: 650px; */
	justify-content: center;
	margin: auto;
	padding: 10px;
	height: 240px;
	object-fit: contain;
}

.list_product .box_item .image .img_hover {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
}

.list_product .box_item .title_produc_home {
	position: relative;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}

.list_product .box_item .title_produc_home:after {
	position: absolute;
	width: 50px;
	height: 1px;
	margin-left: -25px;
	left: 50%;
	background: #333;
	content: '';
	bottom: -5px;
}

.list_product .box_item .info a {
	color: #333;
	font-size: 18px;
	text-transform: uppercase;
	margin-top: 10px;
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
	min-height: 46px;
}

.list_product .box_item .image:hover .img_hover {
	opacity: 1;
	transition: 0.5s ease;
}

.list_product .box_item .image:hover .img_main {
	/* display: none; */
	opacity: 0;
	transition: 0.5s ease;
}

.wrap_product .group_title_left {
	background-color: #fff;
	width: 100%;
	align-items: center;
	padding: 4px 15px;
	margin-bottom: 10px;
}

.group_title_left .title {
	text-transform: uppercase;
	line-height: 40px;
	text-align: center;
	position: relative;
	width: 100%;
	font-size: 28px;
	/* tùy chỉnh kích thước nếu cần */
	font-weight: bold;
	background: linear-gradient(135deg, #0293d6, #0361a3);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.group_title_left .title:after {
	position: absolute;
	width: 110px;
	height: 1px;
	margin-left: -50px;
	left: 50%;
	background: #0287cd;
	content: '';
	bottom: -5px;
}

.wrap_product .group_title_left p {
	text-align: center;
	text-transform: uppercase;
	padding-top: 15px;
}

.group_title_left p {
	text-align: center;
	padding: 10px 0 0 0;
}

.slider.category-slide-1.category-slide-2 {
	flex-wrap: wrap;
	px;
	*/
}

.wrap_product.wrap_product_piaggio {
	padding: 30px 0px 10px;
}
.payment-methods {
    margin-bottom: 25px;
    display: flex;
    text-align: center;
    align-items: center;
    width: 100%;
    justify-content: center;
}
.payment-methods h3 {
    margin-bottom: 15px;
    color: #333;
    font-size: 16px;
    font-weight: 600;
}
.payment-option.selected {
    border-color: #667eea;
    background: #f8f9ff;
}
.payment-option {
    display: flex
;
    align-items: center;
    padding: 15px;
    border: 2px solid #e1e5e9;
    border-radius: 12px;
    margin-bottom: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}
.payment-option input[type="radio"] {
    margin-right: 12px;
    width: 18px;
    height: 18px;
    accent-color: #667eea;
    display: block !important;
}
.payment-option label {
    margin: 0;
    cursor: pointer;
    font-weight: 500;
    color: #333;
    display: flex
;
    align-items: center;
    gap: 10px;
}
.monthly-icon {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}

.payment-icon {
    width: 24px;
    height: 24px;
    border-radius: 6px;
    display: flex
;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: white;
    font-weight: bold;
}
.installment-icon {
    background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
}
span#color_price strong {
    color: #fff;
}

span#color_price {
    font-size: 16px;
    background: linear-gradient(135deg, #0293d6, #0361a3);
    padding: 5px 20px;
    border-radius: 5px;
    color: #fff;
}
@media (max-width: 768px) {
	.hero-section .hero-section {
		flex-direction: column;
		text-align: center;
		padding: 20px;
	}

	.hero-section .background-image {
		width: 100%;
		height: 50%;
		position: relative;
	}

	.hero-section .product-showcase {
		position: relative;
		left: 0;
		top: 0;
		transform: none;
		justify-content: center;
		flex-wrap: wrap;
		margin: 20px 0;
	}

	.hero-section .content-section {
		position: relative;
		right: 0;
		top: 0;
		transform: none;
		width: 90%;
		text-align: center;
		margin: 0 auto;
		text-align: center;
	}

	.hero-section .main-title {
		font-size: 36px;
	}
}



.product-category .sidebar {
	background: rgba(255, 255, 255, 0.95);
	border-radius: 15px;
	padding: 5px 5px;
	height: fit-content;
	position: sticky;
	top: 80px;
	transition: all 0.3s ease;
}

.product-category .sidebar:hover {
	transform: translateY(-2px);
}

.product-category .sidebar h3 {
	color: #2c3e50;
	margin-bottom: 20px;
	font-size: 22px;
	text-align: left;
	background: #016fb9;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	font-weight: 600;
	padding-left: 10px;
}

.product-category .sidebar ul {
	list-style: none;
}

.product-category .sidebar li {
	margin-bottom: 8px;
}

.product-category .sidebar a {
	color: #6c757d;
	text-decoration: none;
	display: block;
	padding: 3px 12px;
	border-radius: 10px;
	transition: all 0.3s ease;
	font-size: 15px;
	position: relative;
	overflow: hidden;
}

.product-category .sidebar a::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(103, 126, 234, 0.1), transparent);
	transition: left 0.5s ease;
}

.product-category .sidebar a:hover::before {
	left: 100%;
}

.product-category .sidebar a:hover {
	color: #667eea;
	background: rgba(103, 126, 234, 0.1);
	transform: translateX(3px);
}

.product-category .banner-vertical {
	border-radius: 20px;
	position: relative;
	overflow: hidden;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.product-category .banner-vertical::before {
	cntent: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0.3;
}

.product-category .banner-content {
	position: relative;
	z-index: 2;
	height: 100%;
}

.product-category .banner-title {
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 15px;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.product-category .banner-subtitle {
	font-size: 1.2rem;
	margin-bottom: 20px;
	opacity: 0.9;
}

.product-category .banner-deal {
	background: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(10px);
	padding: 15px;
	border-radius: 15px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	animation: glow 2s infinite alternate;
}

@keyframes glow {
	from {
		box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
	}

	to {
		box-shadow: 0 0 30px rgba(255, 255, 255, 0.5);
	}
}

.product-category .banner-icon {
	font-size: 4rem;
	margin-bottom: 20px;
	animation: float 3s ease-in-out infinite;
}

@keyframes float {

	0%,
	100% {
		transform: translateY(0px);
	}

	50% {
		transform: translateY(-10px);
	}
}

.product-category .products-section {
	background: rgba(255, 255, 255, 0.95);
	backdrop-filter: blur(15px);
	border-radius: 15px;
	padding: 6px;
}

.product-category .section-header {
	margin-bottom: 25px;
	text-align: center;
}

.product-category .section-title {
	color: #2c3e50;
	font-size: 1.5rem;
	margin-bottom: 8px;
	background: linear-gradient(45deg, #667eea 0%, #764ba2 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.product-category .section-subtitle {
	color: #e74c3c;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 0.9rem;
}

.product-category .products-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
}

.product-category .product-card {
	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(10px);
	border-radius: 12px;
	padding: 15px;
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border: 1px solid #eee;
}

.product-category .product-card::before {}

.product-category .product-card:hover::before {
	opacity: 1;
}

.product-category .product-card:hover {
	transform: translateY(-5px) scale(1.02);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

.product-category .discount-badge {
	position: absolute;
	top: 9px;
	right: 11px;
	background: #f00;
	color: white;
	padding: 4px 8px;
	border-radius: 5px;
	font-weight: bold;
	font-size: 11px;
	box-shadow: 0 3px 10px rgba(255, 107, 107, 0.4);
	animation: pulse 2s infinite;
	z-index: 10;
}

@keyframes pulse {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.08);
	}

	100% {
		transform: scale(1);
	}
}

.product-category .product-image {
	width: 100%;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
}

.product-category .product-image::before {}

.product-category .product-card:hover .product-image::before {
	left: 100%;
}

.product-category .product-card:nth-child(6n+1) .product-image {
	background: linear-gradient(135deg, #a8e6cf 0%, #88d8c0 100%);
}

.product-category .product-card:nth-child(6n+2) .product-image {
	background: linear-gradient(135deg, #a8e6cf 0%, #88d8c0 100%);
}

.product-category .product-card:nth-child(6n+3) .product-image {
	background: linear-gradient(135deg, #fda085 0%, #f093fb 100%);
}

.product-category .product-card:nth-child(6n+4) .product-image {
	background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}

.product-category .product-card:nth-child(6n+5) .product-image {
	background: linear-gradient(135deg, #c471f5 0%, #fa71cd 100%);
}

.product-category .product-card:nth-child(6n+6) .product-image {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.product-category .product-title {
	text-align: center;
	font-size: 16px;
	color: #000000;
	margin-bottom: 8px;
	line-height: 1.3;
	font-weight: bold;
	height: 42px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	padding-bottom: 0px;
}

.product-category .price-section {
	margin: 10px 0;
	display: flex;
	justify-content: center;
	gap: 10px;
}

.product-category .current-price {
	font-size: 15px;
	font-weight: bold;
	color: #e74c3c;
	display: block;
	margin-bottom: 3px;
}

.product-category .original-price {
	font-size: 14px;
	color: #95a5a6;
	text-decoration: line-through;
}

.product-category .installment {
	background: linear-gradient(45deg, #3498db, #2980b9);
	color: white;
	padding: 4px 8px;
	border-radius: 10px;
	font-size: 14px;
	display: inline-block;
	margin: 5px 0;
	animation: shimmer 3s infinite;
}

@keyframes shimmer {
	0% {
		background-position: -200% 0;
	}

	100% {
		background-position: 200% 0;
	}
}

.product-category .buy-button {
	width: 100%;
	background: #016fb9;
	color: white;
	border: none;
	padding: 8px;
	border-radius: 8px;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}

.product-category .buy-button::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
	transition: left 0.6s ease;
}

.product-category .buy-button:hover::before {
	left: 100%;
}

.product-category .buy-button:hover {
	transform: translateY(-1px);
	box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
}

.product-category .buy-button:active {
	transform: translateY(0);
}

.product-category .product-card:nth-child(even) {
	animation: floatCard 6s ease-in-out infinite;
}

.product-category .product-card:nth-child(odd) {}

@keyframes floatCard {

	0%,
	100% {
		transform: translateY(0px);
	}

	50% {
		transform: translateY(-3px);
	}
}

@media (max-width: 1200px) {
	.product-category .container {
		grid-template-columns: 180px 250px 1fr;
	}

	.product-category .products-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.product-category .container {
		grid-template-columns: 1fr;
		grid-template-rows: auto auto 1fr;
		height: auto;
	}

	.product-category .products-grid {
		grid-template-columns: 1fr;
		display: flex;
		flex-wrap: wrap;
	}

	.product-category .banner-vertical {
		padding: 9px;
		width: 100%;
		border-radius: 20px;
		overflow: hidden;
	}

	.product-category .banner-title {
		font-size: 1.4rem;
	}
}


section.product-category .ctnr {
	display: grid;
	grid-template-columns: 300px 1fr;
	gap: 20px;
	max-width: 1400px;
	margin: 0 auto;
}

.product-category .banner-content img {
	width: 100%;
	height: 100%;
	display: block;
}

section.product-category {
	padding-bottom: 55px;
}






.box-products-top-sales {
	padding: 20px 0px 40px;
	position: relative;
}

section.box-products-top-sales .item-products-left {
	width: 47%;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	padding: 10px;
	position: relative;
	z-index: 999;
	background: #fff;
}

section.box-products-top-sales .item-content-right-products-top-sales {
	width: 62%;
	position: absolute;
	top: 6px;
	right: 20px;
}

section.box-products-top-sales .content-side {
	flex: 1;
	background: linear-gradient(135deg, #4a4a4a 0%, #3d3d3d 100%);
	color: white;
	padding: 10px 20px 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 89px;
}

section.box-products-top-sales .browse-btn {
	background: #fff;
	border: 2px solid white;
	color: #000;
	padding: 12px 25px;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
	transition: all 0.3s ease;
	align-self: flex-start;
	margin-top: 12px;
}

section.box-products-top-sales .item-products-left img {
	width: 100%;
	display: block;
	height: 217px;
}

section.box-products-top-sales .content-side .content-desc-mesbers {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	min-height: 90px;
}




/* servicer  */
.service-info-section .service-grid {}

section.service-info-section {
	/* background: rgba(255, 255, 255, 0.95); */
	/* backdrop-filter: blur(10px); */
	/* border-top: 1px solid rgba(255, 255, 255, 0.2); */
	position: relative;
	overflow: hidden;
	top: -35px;
}

.service-info-section .service-item {
	display: flex;
	align-items: center;
	padding: 20px;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 15px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.2);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
	overflow: hidden;
	height: 140px;
}

.service-info-section .service-item::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
	transition: left 0.6s;
}

.service-info-section .service-icon.fast-delivery {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	animation: pulse 2s infinite;
}

.service-info-section .service-icon {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
	font-size: 24px;
	color: white;
	position: relative;
	flex-shrink: 0;
}

.service-info-section .service-content {
	flex: 1;
}

.service-info-section .service-title {
	font-size: 18px;
	font-weight: 700;
	color: #2c3e50;
	margin-bottom: 8px;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.service-info-section .service-description {
	font-size: 14px;
	color: #7f8c8d;
	line-height: 1.6;
	opacity: 0.9;
}

.service-info-section .highlight {
	color: #667eea;
	font-weight: 600;
	background: unset;
	padding: unset;
}

.service-info-section .service-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 45px rgba(0, 0, 0, 0.15);
	border-color: rgba(102, 126, 234, 0.3);
}


/* servicer  */


/* about  */
.ux-shape-divider svg {
	height: 200px;
}

.ux-shape-divider svg {
	position: relative;
	display: block;
	width: calc(100% + 1.3px);
	height: 300px;
}

.wave-1 {
	animation: wave1 8s ease-in-out infinite;
	transform-origin: 50% 50%;
}

.ux-shape-fill {
	fill: #016fb92b;
}

.wave-3 {
	animation: wave3 10s ease-in-out infinite;
	transform-origin: 50% 50%;
}

.wave-4 {
	animation: wave4 15s ease-in-out infinite reverse;
	transform-origin: 50% 50%;
}

.wave-5 {
	animation: wave5 9s ease-in-out infinite;
	transform-origin: 50% 50%;
}

.wave-2 {
	animation: wave2 12s ease-in-out infinite reverse;
	transform-origin: 50% 50%;
}

@keyframes wave1 {

	0%,
	100% {
		transform: translateX(0px) translateY(0px) scale(1);
	}

	25% {
		transform: translateX(-5px) translateY(-3px) scale(1.02);
	}

	50% {
		transform: translateX(3px) translateY(2px) scale(0.98);
	}

	75% {
		transform: translateX(-2px) translateY(-1px) scale(1.01);
	}
}

@keyframes wave2 {

	0%,
	100% {
		transform: translateX(0px) translateY(0px) scale(1);
	}

	33% {
		transform: translateX(4px) translateY(-2px) scale(1.01);
	}

	66% {
		transform: translateX(-3px) translateY(3px) scale(0.99);
	}
}

@keyframes wave3 {

	0%,
	100% {
		transform: translateX(0px) translateY(0px) scale(1);
	}

	20% {
		transform: translateX(-3px) translateY(2px) scale(1.015);
	}

	40% {
		transform: translateX(2px) translateY(-2px) scale(0.985);
	}

	60% {
		transform: translateX(-1px) translateY(1px) scale(1.005);
	}

	80% {
		transform: translateX(1px) translateY(-1px) scale(0.995);
	}
}

@keyframes wave4 {

	0%,
	100% {
		transform: translateX(0px) translateY(0px) scale(1);
	}

	25% {
		transform: translateX(6px) translateY(-4px) scale(1.03);
	}

	50% {
		transform: translateX(-4px) translateY(3px) scale(0.97);
	}

	75% {
		transform: translateX(2px) translateY(-2px) scale(1.01);
	}
}

@keyframes wave5 {

	0%,
	100% {
		transform: translateX(0px) translateY(0px) scale(1);
	}

	30% {
		transform: translateX(-4px) translateY(3px) scale(1.02);
	}

	60% {
		transform: translateX(3px) translateY(-3px) scale(0.98);
	}

	90% {
		transform: translateX(-1px) translateY(1px) scale(1.01);
	}
}

/* Thêm hiệu ứng hover cho tương tác */
.ux-shape-divider:hover .wave-1 {
	animation-duration: 4s;
}

.ux-shape-divider:hover .wave-2 {
	animation-duration: 6s;
}

.ux-shape-divider:hover .wave-3 {
	animation-duration: 5s;
}

.ux-shape-divider:hover .wave-4 {
	animation-duration: 7s;
}

.ux-shape-divider:hover .wave-5 {
	animation-duration: 4.5s;
}


.ux-shape-divider.ux-shape-divider--top.ux-shape-divider--style-waves-opacity-3 {
	position: absolute;
	bottom: 0;
	width: 100%;
}

section.about-home-section .ctnr {
	position: relative;
	z-index: 999;
}

section.about-home-section {
	padding-bottom: 7rem;
	padding-top: 2rem;
}

.about-home-section .slide-card.dimmed:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: #ffffff8f;
	z-index: 99;
}

.about-home-section .slide-card:before {
	content: "";
	background: unset;
}

.about-home-section .left-content {
	flex: 0 0 400px;
}

.about-home-section .subtitle {
	color: #666;
	font-size: 17px;
	margin-bottom: 10px;
	letter-spacing: 0.5px;
	text-align: left;
	font-family: unset;
	font-weight: 600;
	font-style: italic;
}

.about-home-section .main-title {
	font-size: 47px;
	font-weight: bold;
	color: #016fb9;
	margin-bottom: 20px;
	line-height: 1;
	/* font-family: unset; */
	font-style: italic;
	filter: drop-shadow(1px 2px 2px #cdcdcd);
}

.about-home-section .description {
	color: #666;
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 20px;
}

.about-home-section .right-content {
	flex: 1;
}

.about-home-section .slider-container {
	position: relative;
}

.about-home-section .slick-arrow:before {
	font-size: 20px;
	color: #333;
}

.about-home-section .slick-prev:before {
	content: '←';
}

.about-home-section .slick-prev {
	left: -50px;
}

.about-home-section .slick-arrow {
	width: 40px;
	height: 40px;
	z-index: 3;
}

.about-home-section .slick-next {
	right: -50px;
}

.about-home-section .slick-arrow {
	width: 40px;
	height: 40px;
	z-index: 3;
}

.about-home-section .slick-arrow:before {
	font-size: 20px;
	color: #333;
}

.about-home-section .slick-next:before {
	content: '→';
}

.about-home-section .slide-item {
	padding: 0 10px;
	outline: none;
}

.about-home-section .slide-card {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	cursor: pointer;
	transition: all 0.3s ease;
	background-size: cover;
	background-position: center;
}

.about-home-section .slide-content {
	color: white;
	z-index: 2;
	position: absolute;
	bottom: 0;
}

.about-home-section .slide-subtitle {
	font-size: 12px;
	opacity: 0.8;
	margin-bottom: 5px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.about-home-section .slide-title {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
	padding: 15px;
	text-align: center;
	font-style: italic;
}

/* about  */

.payment-methods {
	gap: 0px 10px !important;
}

.payment-methods input[type='radio'] {
	display: none;
}

.box-group-select-input .form-group label {
	font-size: 12px;
	color: #000;
	font-weight: 400;
}

.payment-methods img {
	border: 2px solid transparent;
	border-radius: 8px;
	padding: 4px;
	cursor: pointer;
	transition: border 0.3s ease;
	width: 100px;
	background-color: #fff;
	border: 1px solid #cdcdcd;
}

.payment-methods input[type='radio']:checked+img {
	border: 1px solid #007bff;
	box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}

section.banner-desktop {
	position: relative;
	padding-bottom: 30px;
	margin-bottom: 26px;
}

.popup-form {
	display: none;
}

.popup-form.active {
	display: block;
}

.icon-form {
	position: absolute;
	right: 2px;
	z-index: 9;
	top: 60%;
	transform: translateY(-50%);
}

.icon-form svg path {
	stroke: #fff;
}

.icon-form svg {
	width: 25px;
	height: 25px;
}

.select2-container--default .select2-selection--single {
	height: 40px;
	line-height: 40px;
	border: 1px solid #ddd;
	border-radius: 3px;

}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 8px;
}

.section-form-books {
	position: absolute;
	bottom: 0;
	width: 84%;
	left: 50%;
	transform: translateX(-50%);
}

.box-form-books {
	background: #2a4012;
	padding: 20px;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.bookings__desktop button a {
	color: #fff;
}

.booking-input-box {
	width: calc(100% / 6);
	position: relative;
	display: inline-block;
	border: 1px solid #dcdcdc;
	margin: 0 11px 0;
	padding: 12px 20px 12px;
}

.booking-input-box p {
	padding-bottom: 0px;
}

.booking-input-box h4 {
	color: #ffffff;
	font-weight: 600;
	font-size: 13px;
	text-transform: uppercase;
	margin: 0 0 0;
}

.booking-input-box input {
	width: 100% !important;
	outline: 0 !important;
	background: transparent;
	border: transparent !important;
	color: #dcdcdc;
	padding: 0 6px 0 0 !important;
	font-size: 14px;
	font-weight: bold;
	margin: 4px 0 0;
}

.booking-input-box select {
	width: 100%;
	outline: 0;
	background: transparent;
	border: transparent;
	color: #dcdcdc;
	text-transform: uppercase;
	font-size: 15px;
	font-family: 'CormorantGaramond';
	font-weight: bold;
	margin: 4px 0 0;
}

.booking-button {
	margin-left: 20px;
}

.booking-button p {
	padding-bottom: 0px;
	font-size: 20px;
}

.booking-button button {
	background: #aacf34;
	border: transparent;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: 500;
	position: relative;
	z-index: 1;
	transition: 0.5s;
	padding: 25px 50px;
	font-size: 15px;
}

.booking-input-box input::-webkit-calendar-picker-indicator {
	color: #fff;
	filter: invert(16);
}

.subtitle {
	color: #000;
	letter-spacing: 0.2em;
	margin-bottom: 1rem;
	text-align: center;
	font-family: noidung-bold;
}

.common-header h2 {
	font-size: 31px;
	margin-bottom: 30px;
	font-family: noidung-bold;
	font-weight: 200;
	text-align: center;
	color: #144121;
	text-transform: uppercase;
}

.about__content p {
	color: #333;
	padding-bottom: 0px;
	font-weight: 400;
}

.about__content p.subtitle {
	font-family: noidung-bold;
	font-size: 16px;
}

.about__item-inner {
	gap: 20px;
}

.about__item-thumb {
	width: 60px;
	height: 60px;
	box-shadow: 0px 4px 15px rgba(217, 217, 217, 0.8);
	display: flex;
	justify-content: center;
	padding: 14px;
	border-radius: 5px;
}

.about__item-content {
	/* width: calc(100% - 60px - 20px); */
}

.about__item-content h5 {
	font-size: 17px;
}

.about__item-inner {
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}

.custom-btn {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border: 1px solid #144121;
	border-radius: 5px;
	background-color: #144121;
	color: #ffffff;
	padding-inline: 2rem;
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
	padding: 3px 20px;
}

.about__image-sm {
	right: -30px;
	bottom: -50px;
	position: absolute;
	animation: floating 4s linear alternate infinite;
	border-radius: 10px;
	overflow: hidden;
}

.about__image {
	position: relative;
}

section.about.about--shape {
	padding-bottom: 100px;
	padding-top: 0px;
	overflow: hidden;
}

section#video {
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	background-size: cover;
	position: relative;
	z-index: 0;
	padding: 80px 0px 65px;
}

.bg-content {
	position: relative;
	z-index: 2;
	height: 100%;
	text-align: center;
}

section#video:before {
	background: rgba(0, 0, 0, 0.4);
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
}

span.h-sub-font {
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: noidung-bold;
}

h2.special-font-body-emphasis {
	text-align: center;
	color: #fff;
	font-size: 35px;
	display: block;
	padding: 15px 0px;
	width: 80%;
	margin: 0 auto;
	font-family: noidung-bold;
	font-weight: 200;
	text-transform: uppercase;
}

.btn-video-play {
	--bs-btn-video-play-color: #32b8b8;
	--bs-btn-video-play-size: 64px;
	--bs-btn-video-play-size-md: 64px;
	--bs-btn-video-play-size-sm: 48px;
	--bs-btn-video-play-size-lg: 80px;
	--bs-btn-video-play-border-size: 16px;
	--bs-btn-video-play-border-size-md: 16px;
	--bs-btn-video-play-border-size-sm: 12px;
	--bs-btn-video-play-border-size-lg: 20px;
	--bs-btn-video-play-animation: pulse-border 1500ms ease-out infinite;
	--bs-btn-video-play-transition: all 0.35s ease-in-out;
	padding-left: 5px;
	position: relative;
	box-sizing: content-box;
	display: inline-flex;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	width: 64px;
	height: 64px;
	margin-bottom: 35px;
}

.btn-video-play:after,
.btn-video-play:before {
	position: absolute;
	z-index: 0;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	content: '';
	display: inline-block;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	transition: all 0.35s ease-in-out;
	background: #32b8b8;
}

.desc-videos {
	width: 95%;
	color: #fff;
	font-size: 17px;
	font-weight: 300;
	margin: 0 auto;
}

.btn-video-play:before {
	animation: pulse-border 1500ms ease-out infinite;
}

.btn-video-play span {
	display: block;
	position: relative;
	z-index: 3;
	width: 0;
	height: 0;
	border-left: 16px solid #fff;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}

.btn-video-play:after,
.btn-video-play:before {
	position: absolute;
	z-index: 0;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	content: '';
	display: inline-block;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	transition: all 0.35s ease-in-out;
	background: #144121;
}

section.room.bg--section-color {
	padding-block-end: 30px;
	padding-block-start: 55px;
	background-repeat: no-repeat !important;
	position: relative;
	background: #fbf8f8;
}

.section-header {
	margin-block-end: 10px;
}

.section-header.aos-animate {}

.section-header__content h2 {
	margin-bottom: 0;
	/* font-family: noidung-bold; */
	font-family: 'YenTu', serif;
	display: inline-block;
	position: relative;
	padding-bottom: 2px;
}

.section-header__content p {
	color: #70717b;
	width: 95%;
	margin: auto 20px;
	text-align: center !important;
	font-weight: 400;
	padding-bottom: 10px;
}

.section-header__content {
	text-align: center;
}

.room__item-thumb {
	border-radius: 0.25rem;
}

.room__item-thumb img {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	object-fit: cover;
	display: block;
}

.room__item-thumb:after {
	background-image: linear-gradient(179.89deg,
			rgba(0, 0, 0, 0) 58.73%,
			rgba(7, 7, 7, 0.9) 89.09%);
	top: 0;
	left: 0;
}

.room__item--style1 .room__item-content {
	padding: 1.5rem;
	background-color: transparent;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-color: transparent;
	bottom: calc(-105% + 145px);
	border-radius: 0.25rem;
	padding: 1.25rem;
	left: 50%;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	position: absolute;
}

.room__item-header {
	margin-block-end: 40px;
	align-items: flex-end;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.rating {
	gap: 3px;
	display: flex;
}

.rating__star i,
.rating__star svg {
	font-size: 0.875rem;
	color: #e9ba17;
	width: 20px;
	height: 20px;
}

.room__item-inner {
	position: relative;
	overflow: hidden;
	border-radius: 5px;
}

.room__item-header h3 a {
	color: #fff;
	font-size: 24px;
}

.room__item-header p {
	color: #fff;
}

.room__item-header p {
	color: #fff;
	padding-bottom: 0px;
}

.room__item-thumb:after {
	background-image: linear-gradient(179.89deg,
			rgba(0, 0, 0, 0) 58.73%,
			rgba(7, 7, 7, 0.9) 89.09%);
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	position: absolute;
	content: '';
}

.room__item-body>p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: initial;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	padding-bottom: 0px;
	margin-bottom: 16px;
}

.room__feature {
	column-count: 2;
	margin-bottom: 15px;
	display: flex;
	gap: 10px 20px;
	flex-wrap: wrap;
	justify-content: space-between;
}

.room__feature-item {
	padding-bottom: 5px;
	gap: 15px;
	display: flex;
	align-items: center;
	width: calc((100% - 20px) / 2);
}

.room__item--style1:hover .room__item-content,
.room__item--style1.active .room__item-content {
	background-color: #ffffffb5;
	bottom: 10px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	border-radius: 10px;
	overflow: hidden;
}

.room__item.room__item--style1:hover .room__item-name h3 a {
	color: #000;
}

.room__item.room__item--style1:hover .room__item-name p {
	color: #000;
}

.room__item.room__item--style1:hover .room__item-price p {
	color: #000;
}

.room__feature-text p {
	font-weight: 500;
	padding-bottom: 0px;
}

@keyframes pulse-border {
	0% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1;
	}

	100% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		opacity: 0;
	}
}

section.collection {
	background: #ffffff14;
	padding: 3rem 0px;
}

.collection-hedding {
	text-align: center;
}

section.collection {}

.collection-hedding h2 {
	/* font-family: "Lora", serif; */
	display: block;
	padding: 10px 0px 15px;

	position: relative;
	display: inline-block;
}

.placerat-desc {
	padding: 20px;
	text-align: center;
}

.placerat-desc h3 {
	/* font-family: "Lora", serif; */
	font-weight: 500;
	font-size: 19px;
	text-transform: uppercase;
	padding-bottom: 11px;
	padding-top: 10px;
	color: #144121;
}

.placerat-desc p {
	font-size: 17px;
	font-weight: 300;
}

a.btn-Explore {
	background: #2a4012;
	display: inline-flex;
	align-items: center;
	padding: 10px 20px;
	color: #fff;
	font-size: 16px;
}

a.btn-Explore svg {
	width: 25px;
	height: 25px;
	margin-left: 10px;
}

a.btn-Explore svg path {
	fill: #fff;
}

span.Modern-hedding {
	font-size: 15px;
	display: block;
	color: #70717b;
	width: 95%;
	margin: 0 auto;
	text-align: center !important;
	font-weight: 400;
}

section.Gallery {
	background: #f8f5f0;
	padding: 3rem 0px;
}

.single-gallery {
	position: relative;
	overflow: hidden;
	margin-bottom: 15px;
	border-radius: 5px;
}

.single-gallery:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background-color: #2a401280;
	transition: 0.5s;
	opacity: 0;
}

.gallery_enlarge_icon {
	background-color: #fff;
	color: #333;
	width: 45px;
	height: 45px;
	line-height: 46px;
	position: absolute;
	right: 0px;
	bottom: 20px;
	text-align: center;
	border-radius: 50%;
	font-size: 19px;
	transition: 0.5s;
}

.gallery_enlarge_icon {
	opacity: 0;
}

.single-gallery h4 {
	position: absolute;
	top: 80%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #ffffff;
	font-size: 20px;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	letter-spacing: inherit;
	font-weight: 700;
	text-align: center;
}

.single-gallery:hover:before {
	opacity: 0.8;
}

.single-gallery:hover .gallery_enlarge_icon {
	opacity: 1;
	right: 20px;
	bottom: 20px;
}

.single-gallery:hover h4 {
	opacity: 1;
	top: 50%;
	left: 50%;
}

.single-gallery img {
	display: block;
}

a.gallery_enlarge_icon svg {
	width: 25px;
	height: 25px;
	margin-bottom: -6px;
}

.single-gallery:hover {
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.box-gallery-ablum {
	padding-top: 35px;
}

i.material-icons p {
	padding-bottom: 0px;
}

.single_choose h3 {
	font-size: 18px;
	margin-bottom: 15px;
}

i.material-icons svg {
	width: 45px;
	height: 45px;
}

.single_choose {
	margin-bottom: 10px;
	padding: 15px 10px;
	border-radius: 5px;
}

section.why_choose {
	padding: 20px 0px;
}

.servion p:last-child {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-bottom: 0px;
	font-weight: 500;
}

.choose_img {
	position: relative;
	margin-left: 30px;
	box-shadow: 18px 18px 26px 0 rgba(0, 1, 1, 0.2);
}

.choose_img .pbtn {
	background-color: #00000069;
	color: #ffffff;
	display: inline-flex;
	text-align: center;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: 0.5s;
	align-items: center;
	justify-content: center;
	padding: 9px 20px;
	width: 95%;
	bottom: 0;
	height: 95%;
	top: 50%;
	border-radius: 10px;
	text-transform: uppercase;
}

.choose_img img {
	display: block;
	height: 100%;
}

.choose_img {
	height: 100%;
	border-radius: 10px;
	overflow: hidden;
}

.choose_img .pbtn svg {
	width: 35px;
	height: 35px;
	fill: #fff;
	stroke: #fff;
}

.choose_img .pbtn svg path {
	fill: #fff;
	stroke: #fff;
}

section.blogs {
	background: #fff;
	padding: 5rem 0;
	position: relative;
}

.block-title {
	text-align: center;
}

.block-title .sub-title {
	display: block;
	font-weight: 300;
	margin-bottom: 0.25rem;
	font-size: 17px;
	font-size: 17px;
	margin: 7px;
	color: #016fb9;
	padding: 0;
}

.block-title h2 {
	font-size: 30px;
	display: block;
	padding: 5px 0px 15px;
	text-transform: uppercase;
	font-weight: 200;
	display: inline-block;
	position: relative;
}

.splide__track {
	position: relative;
	display: block;
}

.splide__slide {
	position: relative;
}

.news-img {
	position: relative;
	/* overflow: hidden; */
}

a.news-cat.shadow-sm {
	margin-left: -3rem;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	height: 100%;
	font-size: 13px;
	letter-spacing: 0.135rem;
	background-color: #fff;
	color: #055ea6;
	width: 3rem;
	z-index: 1;
	box-shadow: 0 0.15rem 0.35rem rgb(0 0 0 / 25%);
}

a.news-cat.shadow-sm strong {
	transform: rotate(180deg);
	writing-mode: vertical-lr;
	text-transform: uppercase;
	font-weight: 700;
}

.bg-contai-support {
	background: #f5f5f5;
	padding: 20px;
}

.news-date {
	position: absolute;
	top: 1rem;
	right: 1rem;
	background-color: #ffffffd9;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 12px;
	line-height: 1.25;
	padding: 0.5rem;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	transition: all 0.3s ease-in-out;
}

.news-date span:last-child {
	border-top: 1px solid #000;
}

.news-content.shadow-sm {
	padding: 1.5rem;
	background-color: #fff;
	box-shadow: 0 0.15rem 0.35rem rgb(0 0 0 / 26%);
}

h3.news-title a {
	font-size: 19px;
}

h3.news-title {
	line-height: unset;
}

a.velora-hedding {
	font-size: 19px;
	font-weight: 700;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #333;
}

figure.image-hover.image-hover-overlay img {
	display: block;
	width: 100%;
}

a.news-link svg {
	width: 25px;
	height: 25px;
	margin-left: 10px;
}

a.news-link svg path {
	fill: currentColor;
}

a.news-link {
	display: inline-flex;
	align-items: center;
	color: #055ea6;
}

a.news-link:hover {
	color: var(--color-main2);
}

.comment-view {
	padding-top: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	/* Số dòng tối đa */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.news-box {
	border-radius: 24px;
	border: 2px solid var(--color-main);
	background: white;
	overflow: hidden;
}

.news.hover-effect {
	transition: 0.5s ease;
}

.splide__track .slick-list {
	margin: 0 -10px;
}

.splide__track .slick-slide {}

.splide__track button svg {
	width: 20px;
	height: 20px;
	fill: #fff !important;
}

button.slick-prev-blogs.slick-arrow {
	-ms-flex-align: center;
	position: absolute;
	align-items: center;
	background: #144121;
	color: #fff;
	border: 0;
	cursor: pointer;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	opacity: 1;
	padding: 0;
	top: 50%;
	width: 40px;
	height: 40px;
	font-size: 0.85rem;
	z-index: 1;
	border-radius: 50%;
	transform: translateY(-50%);
	transition: 0.25s ease-in-out;
	right: 0;
	opacity: 0;
}

button.slick-prev-blogs.slick-arrow svg path {
	fill: #fff;
	stroke: #fff;
}

.splide__track button svg path {
	stroke: var(--color-main2);
	fill: var(--color-main2);
}

button.slick-next-blogs.slick-arrow {
	-ms-flex-align: center;
	position: absolute;
	align-items: center;
	background: #144121;
	color: #fff;
	border: 0;
	cursor: pointer;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	opacity: 1;
	padding: 0;
	top: 50%;
	width: 40px;
	height: 40px;
	font-size: 0.85rem;
	z-index: 1;
	border-radius: 50%;
	transform: translateY(-50%);
	transition: 0.25s ease-in-out;
	left: 35px;
	opacity: 0;
}

button.slick-next-blogs.slick-arrow svg {
	transform: rotate(180deg);
}

.splide__track:hover button.slick-next-blogs.slick-arrow,
.splide__track:hover button.slick-prev-blogs.slick-arrow {
	opacity: 1;
}

/* .hover-effect:hover {
	transform: translateY(-0.5rem);
} */

.newsletter__wrapper {
	background-color: #f8f5f0;
	border-radius: 0.75rem;
}

.newsletter__wrapper {
	padding: 60px;
}

.newsletter__wrapper {
	padding: 25px;
}

.newsletter__wrapper {
	background-color: #f8f5f0;
	border-radius: 0.75rem;
	z-index: 999;
	position: relative;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	width: 85%;
	margin: 0 auto;
}

.newsletter .common-header {
	width: 48%;
}

.newsletter.newsletter--lowerd .subtitle {
	color: #000;
	letter-spacing: 0.2em;
	margin-bottom: 1rem !important;
	padding-bottom: 0px;
	font-weight: 500;
}

.newsletter.newsletter--lowerd .input-group {
	position: relative;
	display: flex;
	/* flex-wrap: wrap; */
	align-items: stretch;
	width: 100%;
}

.newsletter.newsletter--lowerd .form-control {
	display: block;
	width: 75%;
	padding: 15px 15px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0.25rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	border-right: none;
}

.newsletter .subscribe-btn {
	width: 25%;
	background-color: #6b9946;
	border: none;
	box-shadow: none;
	color: #ffffff;
	padding: 1rem 1.25rem;
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
	font-size: 16px;
	font-weight: 700;
}

.newsletter.newsletter--lowerd .form-control:focus {
	outline: none;
}

.newsletter--lowerd {
	/* margin-bottom: -110px; */
	z-index: 1;
	/* padding-top: 20px; */
	display: none;
}

.md_slider {
	position: relative;
	overflow: hidden;
	z-index: 9;
}

.md_slider__circle {
	pointer-events: none;
}

.md_slider__circle__line.-sm {
	width: 26.66667vw;
}

.md_slider__circle__line:before {
	content: '';
	display: block;
	padding-top: 100%;
}

.md_slider__circle__line__rotate.active {
	-webkit-transform: rotate(360deg) !important;
	-ms-transform: rotate(360deg);
	transform: rotate(360deg) !important;
	-webkit-transition: all 6.15s ease-in-out !important;
	-o-transition: all 6.15s ease-in-out;
	transition: all 6.15s ease-in-out !important;
	opacity: 1 !important;
}

.md_slider__circle__line.-sm .md_slider__circle__line__rotate:before {
	content: '';
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 50%;
	border-style: solid;
	border-color: #fff;
	border-width: 1px;
	border-top-color: transparent;
	border-right-width: 0;
	border-bottom-width: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.md_slider__circle__line.-sm .md_slider__circle__line__rotate:after {
	content: '';
	position: absolute;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background-color: rgb(255 255 255);
	top: -4px;
	margin-left: -3px;
	left: 50%;
	transition: all 6.15s ease-in-out;
}

.md_slider__circle__line.-md {
	width: 50.26042vw;
}

.md_slider__circle__line:before {
	content: '';
	display: block;
	padding-top: 100%;
}

.md_slider__circle__line.-lg {
	width: 87.76042vw;
	border-color: rgba(255, 255, 255, 0.1);
}

.md_slider__circle__line {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 50%;
	border-style: solid;
	border-color: rgba(255, 255, 255, 0.3);
	border-width: 1px;
	border-top-width: 0;
}

.md_slider__circle__line:before {
	content: '';
	display: block;
	padding-top: 100%;
}

.md_slider__circle__line.-lg .md_slider__circle__line__solid {
	height: 1px;
	background-color: rgba(255, 255, 255, 0.3);
	width: 30.54688vw;
	top: 50%;
	left: 0;
	position: absolute;
	z-index: 1;
	pointer-events: none;
}

.md_slider__circle__line.-lg .md_slider__circle__line__solid:before {
	width: 9px;
	height: 9px;
	margin-top: -5px;
	left: -2px;
}

.md_slider__circle__line.-lg .md_slider__circle__line__solid:after,
.md_slider__circle__line.-lg .md_slider__circle__line__solid:before {
	content: '';
	background: #fff;
	border-radius: 50%;
	top: 50%;
	position: absolute;
}

.md_slider__thumb .slick-slide {
	cursor: pointer;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	/* border: 1px solid transparent; */
}

.md_slider__thumb .slick-slide.slick-slide .md_slider__thumb__img {
	left: 0px;
}

.md_slider__thumb .slick-slide:not(.slick-current) .md_slider__thumb__img {
	-webkit-transform: scale(0.1);
	-ms-transform: scale(0.1);
	transform: scale(0.1);
}

.md_slider__thumb__img {
	margin: auto;
	width: 5.20833vw;
	height: 5.20833vw;
	border-radius: 50%;
	border: solid 1px transparent;
	position: relative;
	background-color: rgba(255, 255, 255, 0.8);
	-webkit-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

.md_slider__thumb .slick-slide:not(.slick-current) .md_slider__thumb__img img {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

.md_slider__thumb__img img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	-webkit-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	position: relative;
	z-index: 999;
}

.md_slider__item {
	position: relative;
}

.md_slider__item__img {
	position: relative;
}

.md_slider__item__img img {
	display: block;
	width: 100%;
	min-height: 340px;
	height: 100vh;
}

.md_slider__item__img:after {
	background: rgb(0 0 0 / 38%) !important;
}

.md_slider__item__img:after {
	content: '';
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.25);
}

.md_slider__item__ct {
	position: absolute;
	left: 16%;
	right: 16%;
	bottom: 0;
	top: 0;
	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-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 1;
	padding-top: 55px;
}

.md_slider__item__title {
	text-transform: uppercase;
	color: #fff;
	font-weight: 800;
	font-size: 52px;
	font-size: 1.70833vw;
	line-height: 1.38462;
	max-width: 35.41667vw;
	margin-bottom: 10px;
}

.i-btn,
a.i-btn {
	background-color: #ff8b24;
	border-radius: 40px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	padding: 10px 20px;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-transform: uppercase;
}

.i-btn i {
	margin-left: 15px;
	margin-top: -0.3em;
	vertical-align: middle;
}

.icon-arrow-right {
	background-image: url(https://flamingoholdings.vn/public/images/arrow-right.png);
	width: 23px;
	height: 12px;
}

.md_slider__thumb {
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	pointer-events: all;
	width: 8.64583vw;
	margin-left: -4.32292vw;
}

.md_slider__thumb .slick-current .md_slider__thumb__img:after {
	top: -1.71875vw;
	left: -1.71875vw;
	right: -1.71875vw;
	bottom: -1.71875vw;
	position: absolute;
	content: '';
	border-radius: inherit;
	border: solid 1.71875vw rgba(255, 139, 36, 0.1);
}

.md_slider__thumb .slick-current .md_slider__thumb__img:before {
	top: -1.14583vw;
	left: -1.14583vw;
	right: -1.14583vw;
	bottom: -1.14583vw;
	position: absolute;
	content: '';
	border-radius: inherit;
	border: solid 1.14583vw rgba(255, 139, 36, 0.1);
	z-index: 9999;
}

.md_slider__thumb .slick-slide.slick-slide+.slick-active+.slick-current .md_slider__thumb__img {
	left: 0;
}

.md_slider__thumb .slick-slide {
	cursor: pointer;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	border: none;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	/* border: 1px solid transparent; */
}

.slick-slide-dots.slick-slide.slick-current.slick-active {
	left: 0;
	/* box-shadow: 0 0 0 .57292vw rgba(255, 139, 36, .1); */
	border-color: #ff8b24;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

.md_slider__circle__line.-lg .md_slider__circle__line__solid {
	height: 1px;
	background-color: rgba(255, 255, 255, 0.3);
	width: 30.54688vw;
	top: 50%;
	left: 0;
	position: absolute;
	z-index: 1;
	pointer-events: none;
}

.md_slider__circle__line__solid {
	height: 1px;
	background-color: rgba(255, 255, 255, 0.3);
	width: 30.54688vw;
	top: 50%;
	left: 0;
	position: absolute;
	z-index: 1;
	pointer-events: none;
}

.md_slider__circle__line__solid:before {
	width: 9px;
	height: 9px;
	margin-top: -5px;
	left: -2px;
	content: '';
	background: #fff;
	border-radius: 50%;
	top: 50%;
	position: absolute;
}

.md_slider__circle__line__solid:after {
	width: 5px;
	height: 5px;
	margin-top: -3px;
	right: -2px;
	content: '';
	background: #fff;
	border-radius: 50%;
	top: 50%;
	position: absolute;
}

.md_slider__thumb .slick-list.draggable {
	overflow: unset;
	position: relative;
	top: 250px;
}

.md_slider__thumb .slick-slide-dots.slick-slide.slick-cloned {
	opacity: 0;
}

.md_slider__thumb .slick-slide-dots.slick-slide {
	opacity: 0;
}

.md_slider__thumb .slick-slide-dots.slick-slide.slick-current.slick-active {
	opacity: 1;
}

.md_slider__circle__line.-sm .md_slider__circle__line__rotate {
	bottom: -1px;
	left: -1px;
	position: absolute;
	right: -1px;
	top: -1px;
	transition: opacity 1s ease-in-out;
	opacity: 0.2;
}

@keyframes Tzoom {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	50% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.slick-slide-md.slick-slide.slick-current.slick-active {
	-webkit-animation-name: Tzoom;
	animation-name: Tzoom;
	-webkit-animation-duration: 6s;
	animation-duration: 6s;
}

a.custom-btn {
	display: inline-flex;
	position: relative;
}

a.custom-btn span:before {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	background: transparent;
	transition: 1s;
	bottom: -2px;
	left: -2px;
	border-bottom: none;
	border-left: none;
}

a.custom-btn span:after {
	bottom: 3px;
	right: 3px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	background: transparent;
	transition: 1s;
}

a.custom-btn span:hover::after {
	width: calc(100% / 1.3);
	height: calc(100% / 1.3);
	content: '';
	position: absolute;
	background: transparent;
	transition: 1s;
}

a.custom-btn:hover {
	color: #a9cf20;
}

section.inner-section {
	padding: 40px 0px 10px;
	position: relative;
	background: #f8f5f0;
}

.hedding-Suites {
	text-align: center;
}

.hedding-Suites h2 {
	margin-top: 0px;
	margin-bottom: 12px;
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 800;
}

.head-title {
	margin-top: -10px;
	margin-bottom: 10px;
}

.head-title .hl-1 {
	width: 80px;
	height: 1px;
	display: inline-block;
	background: #010517;
}

.head-title .hl-2 {
	display: inline-block;
	height: 12px;
	margin: 0 5px;
	position: relative;
	top: 5px;
	width: 12px;
	border: 1px solid #010517;
	border-radius: 50px;
	background: #ffffff;
}

.head-title .hl-3 {
	width: 80px;
	height: 1px;
	display: inline-block;
	background: #010517;
}

.item-tag__type {
	position: absolute;
	right: 5px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	z-index: 9;
	top: 5px;
}

.tags-label {
	background: #2a4012;
	padding: 5px;
	border-radius: 100%;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.item_pointer {
	position: relative;
	margin-bottom: 28px;
}

.room-box {
	margin-top: 20px;
	transition: all 0.3s;
	box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
	border-radius: 20px 20px 20px 20px;
	overflow: hidden;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.room-box .image {
	position: relative;
	background: #cccccc;
	overflow: hidden;
}

.room-box .image img {
	width: 100%;
	display: block;
	transition: 0.5s ease;
}

.detail-zoom {
	padding: 10px 15px 17px 15px;
	background-color: #eee;
	text-align: center;
}

.text-details-type {
	margin-bottom: 15px;
	text-align: center;
}

a.room-title-link {
	margin-bottom: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-transform: none;
	color: #144121;
	font-size: 21px;
	font-weight: 600;
}

.text-details-type p {
	padding-bottom: 0px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 400;
	font-size: 14px;
}

span.per-night {
	font-weight: 500;
	font-size: 18px;
}

section.inner-section:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 30%;
	left: 0;
	bottom: 0;
	background-color: #144121;
	padding-bottom: 0;
}

@keyframes floating {
	0% {
		transform: translate(0, 0px);
	}

	50% {
		transform: translate(0, 15px);
	}

	100% {
		transform: translate(0, 0px);
	}
}

.about__image-sm img {
	width: 315px;
	height: 328px;
	object-fit: cover;
	display: block;
}

.about__image-lg img {
	display: block;
	border-radius: 10px;
}

.room__item-name img {
	width: 45px;
	height: 45px;
}

.desc-videos p {
	text-align: center !important;
}

.single-gallery h4 a {
	color: #000000;
	font-size: 27px;
	display: inline-block;
	width: 100%;
}

.single-gallery h4 {
	display: inline-block;
	width: 90%;
	padding: 9px;
	background: #ffffff8f;
	border-radius: 5px;
}

.comment-view p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-bottom: 0px;
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: 400;
	color: #333;
}

i.material-icons img {
	width: 45px;
	height: 45px;
}

.about__content .row {
	margin-top: 15px;
}

.about__content {
	padding-right: 20px;
	text-align: justify;
	line-height: 1.5;
}

.choose_img .pbtn h2 {
	font-size: 23px;
}

.servion p:nth-child(1) {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-bottom: 0px;
	color: #144121;
}

.room-box .image:hover img {
	transform: scale(1.1);
}

figure.image-hover.image-hover-overlay {
	overflow: hidden;
	margin: 0;
}

figure.image-hover.image-hover-overlay:hover {
	transition: 0.5s ease;
}

.news-img a {
	position: relative;
	overflow: hidden;
}

.news-img a img {
	display: block;
}

.room__item.room__item--style1 img {
	height: 450px;
}

.room__item-name img {
	height: 45px !important;
}

.room__feature-icon img {
	width: 35px;
	height: 35px !important;
}

.md_slider__thumb .slick-dots li {
	display: block;
	margin-bottom: 86%;
	background: #fff;
}

.md_slider__thumb .slick-dots {
	position: absolute;
	top: 41%;
	transform: translateY(-50%);
	margin-left: 77px;
}

.md_slider__thumb .slick-dots :nth-child(1) {
	margin-left: 1.8vw;
}

.md_slider__thumb .slick-dots :nth-child(4) {
	margin-left: 1.8vw;
}

.md_slider__thumb .slick-dots {
	display: none;
}

.booking-input-box select option {
	color: #333;
}

.svg-khung-banner {
	-webkit-mask-image: url(../images/baner-01.svg);
	mask-image: url(../images/baner-01.svg);
	-webkit-mask-size: 200px 300px !important;
	mask-size: auto auto !important;
	-webkit-mask-repeat: no-repeat !important;
	mask-repeat: no-repeat;
	-webkit-mask-position: center center !important;
	mask-position: top right !important;
	position: absolute;
	display: block;
	transform: initial;
	z-index: 999999999999998;
}

.mask-image img {
	width: auto;
	height: 100vh;
}

.content-slider-items {
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 30%;
	left: 36%;
}

.content-slider-items h2 {
	font-size: 64px;
	color: #0aacfc;
}

.svg-khung-banner {
	position: absolute;
	top: 0;
	right: 0px;
	bottom: 0px;
}

.list-slider-items {
	height: 100vh;
	position: relative;
	background: radial-gradient(circle,
			#98ccfa5e 0%,
			rgb(255 255 255) 45%,
			rgb(255 255 255) 100%);
	overflow: hidden;
}

.images-bannes-before img {
	width: auto;
	height: 112vh;
	display: block;
}

.images-bannes-before {
	position: absolute;
	right: -7px;
	width: unset;
	height: unset;
	transform: rotate(5deg);
}

.room__item-content .custom-btn {
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	border-radius: unset;
	justify-content: center;
	text-transform: uppercase;
}

.newsletter__content {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.newsletter__content form {
	width: 49%;
}

.banner-desktops {
	position: relative;
}

.banner-desktops:before {
	/* background: url(https://demo46.bivaco.net/frontend/images/heder2-01.png); */
	background: transparent;
	z-index: 9;
	background-repeat: no-repeat;
	background-size: contain;
	transform: rotate(180deg);
}

.descp-bars {
	width: 30%;
	/* float: left; */
	position: relative;
	z-index: 999;
}

.box-desc-bars {
	/* display: flex; */
}

.box-bar-toaus {}

.descp-bars {
	background: #ffffffa1;
	padding: 20px 20px 0px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	border-radius: 5px;
}

.room-accommodation {
	margin-bottom: 0px;
}

section.why_choose .collection-hedding h2 {
	margin-bottom: 45px;
	font-size: 45px;
}

.banner-desktops:before {
	/*! background: linear-gradient(0deg, rgba(167, 201, 46, 1) 21%, rgb(255 255 255 / 0%) 102%); */
	/*! content: ""; */
	/*! position: absolute; */
	/*! width: 100%; */
	/*! height: 25%; */
}

.banner-desktops:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 114px;
	bottom: 0;
	background: url(../images/bg_slide.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
}

.bookings__desktop {
	position: relative;
	bottom: 0;
	z-index: 9;
	justify-content: center;
	margin-top: -125px;
	padding: 30px 0px 10px;
}

.form-group {
	margin-bottom: 1rem;
}

.bookings__desktop form .row {
	width: calc(100% + 30px);
}

.bookings__desktop form label {
	font-weight: 700;
	font-style: normal;
	font-size: 12px;
	letter-spacing: 0.15em;
	line-height: 1.33333em;
	text-transform: uppercase;
	margin-bottom: 5px;
	margin-top: 15px;
}

.datepicker-wrap {
	position: relative;
	display: flex;
}

.bookings__desktop select {
	background: #f5f5f5;
	border: none;
	line-height: normal;
	height: 34px;
	padding: 8px 0 8px 8px;
	-webkit-appearance: auto;
	-moz-appearance: auto;
	appearance: auto;
	background-position: 100%;
	background-repeat: no-repeat;
}

.bookings__desktop input,
.bookings__desktop select {
	border: 0;
	outline: 0;
	color: rgba(51, 51, 51, 0.9);
	padding: 9px 5px;
	font-size: 14px;
}

.bookings__desktop select {
	background: #f5f5f5;
	border: none;
	line-height: normal;
	height: 34px;
	padding: 8px 0 8px 8px;
	-webkit-appearance: auto;
	-moz-appearance: auto;
	appearance: auto;
	background-position: 100%;
	background-repeat: no-repeat;
}

.bookings__desktop input,
.bookings__desktop select {
	border: 0;
	outline: 0;
	color: rgba(51, 51, 51, 0.9);
	padding: 9px 5px;
	font-size: 14px;
}

.datepicker-wrap:after {
	display: block;
	content: '';
	font-size: 18px;
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 30px;
	height: 100%;
	font-weight: 900;
	text-align: center;
	line-height: 34px;
	background: #144121;
	background-size: auto;
}

select#AVP_list_days {
	width: 46px;
}

select#AVP_list_months {
	width: calc(100% - 46px);
}

.bookings__desktop .selector select {
	/* position: absolute; */
	z-index: 1;
	filter: alpha(opacity=0);
	-ms-filter: 'alpha(opacity=0)';
	-moz-opacity: 0;
	-khtml-opacity: 0;
	width: 100%;
	-webkit-appearance: menulist-button;
	line-height: 30px;
}

.bookings__desktop select {
	background: #f5f5f5;
	border: none;
	line-height: normal;
	height: 34px;
	padding: 8px 0 8px 8px;
	-webkit-appearance: auto;
	-moz-appearance: auto;
	appearance: auto;
	background-position: 100%;
	background-repeat: no-repeat;
}

.bookings__desktop .selector {
	position: relative;
	min-width: 60px;
	line-height: 0;
	border-radius: 32px !important;
	overflow: hidden;
}

.bookings__desktop button {
	display: inline-block;
	width: 90%;
	height: 34px;
	text-align: center;
	line-height: 34px;
	background: #144121;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	padding: 0;
	margin: unset;
}

/* .section-header__content h2:before {
	content: "";
	position: absolute;
	background: url(../images/line_title.png);
	height: 15px;
	width: 100%;
	background-position: top;
	background-repeat: no-repeat;
	bottom: 0;
} */

.block-title h2:before {
	/* content: "";
    position: absolute;
    background: url(../images/line_title.png);
    height: 15px;
    width: 100%;
    background-position: top;
    background-repeat: no-repeat;
    bottom: 0; */
}

.room__wrapper .slick-room {
	margin-bottom: 0;
	display: none;
}

section.why_choose .collection-hedding h2,
.collection-hedding h2,
.section-header__content h2,
.block-title h2 {
	color: #016fb9;
	font-size: 43px;
	text-transform: uppercase;
	font-weight: 700;
	padding: 0;
	margin: 0;
}

.slick-room {
	gap: 15px 0px;
}

.product-tags {
	margin: 8px 0;
	display: flex;
	flex-wrap: wrap;
	gap: 4px 5px;
}

.tag-item {
	display: inline-block;
	background: #016fb961;
	color: #000000;
	padding: 3px 6px;
	border-radius: 12px;
	font-size: 10px;
	font-weight: 500;
	/* text-transform: lowercase; */
	transition: all 0.3s ease;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.tag-item:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
	background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
	color: #fff;
}

/* Alternative tag styles */
.tag-item.style-2 {
	background: #f1f3f4;
	color: #5f6368;
	border: 1px solid #dadce0;
}

.tag-item.style-3 {
	background: #e8f0fe;
	color: #1a73e8;
	border: 1px solid #d2e3fc;
}

.tag-item.style-4 {
	background: #fce8e6;
	color: #d93025;
	border: 1px solid #fad2cf;
}

.tag-item.style-5 {
	background: #e6f4ea;
	color: #137333;
	border: 1px solid #ceead6;
}

.placerat-desc p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 10px;
}

.placerat-desc h2 {
	font-family: noidung-bold;
	color: #333;
	display: inline-block;
	padding: 10px 0px 15px;
	font-size: 17px;
	width: 100%;
}

.abouts {
	padding-top: 0rem;
	position: relative;
	padding-bottom: 1rem;
}

.section-dec {
	position: absolute;
	left: 50%;
	top: 40px;
	width: 460px;
	height: 340px;
	margin-left: -230px;
	z-index: -1;
	opacity: 0.7;
	z-index: 9;
}

.hero-text-1 {
	z-index: 10;
	flex-direction: column;
	order: -1;
	justify-content: center;
	align-self: flex-start;
	width: 100%;
	height: 100%;
	min-height: 57vh;
	padding-top: 5vh;
	padding-bottom: 5vh;
	display: flex;
	position: relative;
	grid-area: Area;
}

.home-hero-text-slide-in-div {
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	max-width: 50em;
	height: 100%;
	padding-top: 0vh;
	padding-bottom: 0vh;
	padding-right: 0;
	display: flex;
	position: relative;
	top: auto;
}

.home-hero-text-slide-in-div span {
	font-size: 15px;
}

.about-heading {
	margin-top: 0;
	margin-bottom: 3vh;
	font-size: 58px;
	text-align: left;
	border-left: 7px #333 solid;
	padding-left: 17px;
	font-size: 33px;
	text-transform: uppercase;
	color: #333;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 10px;
}

.paragraph {
	z-index: 10;
	margin-bottom: 0;
	font-size: 17px;
	color: #444;
	line-height: 1.5;
	position: relative;
	font-weight: 300;
}

.btn-about-div-vi {
	padding: 5px;
	border-radius: 4px;
	border: 1px dotted #ddd;
	transition: all 0.3s ease-in-out;
	margin-top: 14px;
}

.abouts .btn-about-div-vi a {
	border-radius: 5px;
	position: relative;
	display: inline-block;
	color: #ffffff;
	text-transform: uppercase;
	padding: 10px 36px;
	font-size: 16px;
	transition: 0.5s ease;
	background: #333;
}

.hero-image-collge-wrap {
	position: relative;
	padding-left: 50px;
}

.image-collge-wrap:before,
.hero-image-collge-wrap:before {}

.single-dec_img {
	position: relative;
	z-index: 10;
}

.single-dec_img img {
	height: 455px;
}

.single-dec_img:after {
	position: absolute;
	width: 200%;
	height: 0%;
	left: 50%;
	top: 50%;
	background-color: hsla(0, 0%, 100%, 0.3);
	transform: translate(-50%, -50%) rotate(-45deg);
	content: '';
	z-index: 1;
}

.hero_images-collage-item {
	position: absolute;
	height: auto;
	border-radius: 10px;
}

.hero_images-collage-item {
	animation: moveUpDown 5s infinite;
}

@keyframes moveUpDown {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-5px);
		/* Di chuy?n l?n tr?n 50px */
	}

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

.hero_images-collage-item:before {
	content: '';
	position: absolute;
	left: -10px;
	right: -10px;
	top: -10px;
	bottom: -10px;
	border-radius: 10px;
	border: 1px dotted #ccc;
	z-index: 1;
}

.content-dec {
	position: absolute;
	bottom: -20px;
	left: 50%;
	width: 36px;
	z-index: 10;
	margin-left: -18px;
}

.content-dec:before {
	content: '';
	position: absolute;
	top: -24px;
	left: 50%;
	width: 6px;
	height: 6px;
	background: #ffffff;
	border-radius: 50%;
	margin-left: -3px;
	z-index: 10;
}

.content-dec span {
	position: absolute;
	bottom: 4px;
	left: 0;
	width: 36px;
	height: 36px;
	background: #333;
	transform: rotate(45deg);
	box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.2);
	border: 4px solid #ffffff;
}

.content-dec:after {
	content: '';
}

section.box-architec {
	padding: 4rem 0px 2rem;
	position: relative;
	background: url(../images/z6447631022187_f99f129….jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.hedding-architec {
	margin-bottom: 2rem;
	text-align: center;
}

span.h3.text-theme.sec-subtitle.subtitle-selector {
	color: #916839 !important;
	font-weight: 500;
	font-size: 31px;
	margin-bottom: 2px;
	display: block;
}

.hedding-architec h3 {
	text-align: center;
	color: #333;
	font-size: 31px;
	text-transform: uppercase;
	margin-bottom: 5px;
	line-height: 1.1;
	font-weight: 600;
}

.hedding-architec .desc {
	color: #000000;
	width: 70%;
	margin: 0 auto;
}

.item-architec {
	position: relative;
	padding-left: 10px;
	width: calc(100% / 5);
}

.box-svg-architec {
	height: 558px;
	position: relative;
	width: 100%;
}

.box-svg-architec svg {
	width: 100%;
	height: 100%;
}

.content-dec {
	position: absolute;
	bottom: -20px;
	left: 50%;
	width: 36px;
	z-index: 10;
	margin-left: -18px;
}

.box-action-architec {
	text-align: center;
	position: absolute;
	top: 5px;
	padding: 24px;
}

.box-step-architec {
	width: 140px;
	height: 150px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: column;
	text-align: center;
	color: #fff;
	margin: 0 auto;
	position: relative;
}

.icon-step-architec {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	overflow: hidden;
}

.icon-step-architec img {
	width: auto;
}

.desc-architec {
	margin-top: 10px;
}

.desc-architec h3 {
	color: #333;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
}

.desc-architec p {
	color: #555;
	font-size: 15px;
}

.desc-architec p {
	color: #333;
	font-size: 16px;
	font-weight: 300;
	padding: 10px 5px;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	/* Số dòng tối đa */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.maketing-content {
	padding: 30px 0px;
}

.maketing-content img {
	border-radius: 5px;
}

.row-marketing {
	display: flex;
	justify-content: space-between;
	gap: 0px 20px;
}

.btn-show a {
	background: linear-gradient(107deg,
			rgba(17, 50, 26, 1) 18%,
			rgba(16, 57, 27, 1) 49%,
			rgba(0, 69, 19, 1) 85%);
	border-color: #333;
	color: #fff;
	border-radius: 5px;
	font-size: 16px;
	padding: 5px 20px;
	margin-top: 10px;
}

.home-sale__box {
	/* background: url(https://demo12.bivaco.net/assets/bg-sale-CieW-1hI.png) no-repeat center center; */
	padding: 5px 0px 10px 0px;
	border-radius: 6px;
	background-size: cover;
}

.home-sale__ttl {
	text-align: center;
	color: #fff;
	font-size: 3.3rem;
	font-weight: 700;
	margin-bottom: 2rem;
}

.home-sale__ttl>span {
	display: block;
	color: #333;
	text-transform: uppercase;
}

.product-view {
	padding: 10px 5px;
	height: 100%;
	overflow: hidden;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	border-radius: 5px;
}

.product-view__img {
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
}

.product-view__img:before {
	display: block;
	content: '';
	padding-top: 100%;
}

.product-view__img img {
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
	border-radius: 5px;
}

.product-view__img img {
	transition: all 0.7s ease-in-out;
}

.product-view__ttl {
	font-size: 1.2rem;
	margin-bottom: 5px;
	min-height: 30px;
	color: #000;
	text-align: center;
}

.product-view__ttl a {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 16px;
	color: #333;
	min-height: 41px;
}

.product-view__price {
	margin-bottom: 10px;
	min-height: 30px;
	text-align: center;
}

.product-view__price .price {
	font-size: 1.7rem;
	color: #a8782f;
	font-weight: 700;
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: center;
}

.product-view__btn {
	width: 100%;
	color: #fff;
	font-size: 15px;
	background: #333;
	font-weight: 700;
	margin-top: auto;
	border: 1px solid #333599;
	padding: 5px;
}

.section_testimonials {
	position: relative;
	padding: 20px 0px;
}

.section_testimonials .testimonials-flex {
	display: flex;
}

.section_testimonials .testimonials-flex .testimonials-image {
	width: 100%;
	background-image: url(https://bizweb.dktcdn.net/100/499/932/themes/926650/assets/background_danhgia.jpg?1705830293643);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
}

.section_testimonials .testimonials-flex .testimonials-carousel {
	width: 100%;
	padding: 60px 15px;
	background-color: #f5f5f5;
	float: right;
}

.section_testimonials .testimonials-flex .testimonials-carousel .block-title {
	text-align: center;
	margin-bottom: 15px;
}

.section_testimonials .block-title h2 {
	font-size: 30px;
	display: block;
	padding: 10px 0px;
	font-weight: 800;
	text-transform: uppercase;
}

.section_testimonials .block-title h2 {
	color: #1a1a1a;
	font-size: 32px;
	position: relative;
	margin-bottom: 0px;
	line-height: 42px;
	font-weight: 600;
	letter-spacing: 0.64px;
	text-transform: uppercase;
}

.section_testimonials .swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.section_testimonials .swiper-slide {
	padding-bottom: 0px;
}

.section_testimonials .box-petch-tion {
	height: 100%;
	padding: 15px 21px;
	background-color: #fff;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	border-radius: 10px;
	margin-bottom: 10px;
}

.section_testimonials .testimonials-flex .testimonials .info {
	display: flex;
	align-items: center;
	/* justify-content: space-between; */
}

.section_testimonials .testimonials-flex .testimonials .info .author {
	display: flex;
	align-items: center;
}

.section_testimonials .testimonials-flex .testimonials .info .author img {
	width: 80px;
	height: 80px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	margin-right: 15px;
}

.section_testimonials .box-test-author h4 {
	font-size: 19px;
	font-weight: 600;
}

.section_testimonials .testimonials-flex .testimonials .content {
	color: #465058;
	font-size: 14px;
	margin-top: 20px;
	font-style: italic;
}

button.slick-next-blogs.slick-arrow svg {
	transform: rotate(180deg);
}

.splide__track button svg {
	width: 20px;
	height: 20px;
	fill: #fff !important;
}

button.slick-next-blogs.slick-arrow {
	-ms-flex-align: center;
	position: absolute;
	align-items: center;
	background: #e8aa0e;
	color: #fff;
	border: 0;
	cursor: pointer;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	opacity: 1;
	padding: 0;
	top: -65px;
	width: 40px;
	height: 40px;
	font-size: 0.85rem;
	z-index: 1;
	border-radius: 50%;
	transform: translateY(-50%);
	transition: 0.25s ease-in-out;
	right: 50px;
}

button.slick-prev-blogs.slick-arrow {
	-ms-flex-align: center;
	position: absolute;
	align-items: center;
	background: #e8aa0e;
	color: #fff;
	border: 0;
	cursor: pointer;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	opacity: 1;
	padding: 0;
	top: -65px;
	width: 40px;
	height: 40px;
	font-size: 0.85rem;
	z-index: 1;
	border-radius: 50%;
	transform: translateY(-50%);
	transition: 0.25s ease-in-out;
	right: 0;
}

.splide__track button svg {
	width: 20px;
	height: 20px;
	fill: #fff !important;
}

section.room.bg--section-color .products-card {
	box-shadow: rgba(0, 0, 0, 0.13) 0 1px 3px;
	border-radius: 15px;
	overflow: hidden;
	margin-bottom: 15px;
	background-color: #fff;
}

section.room.bg--section-color .products-card .products-card__img {
	width: 100%;
}

section.room.bg--section-color .products-card a {
	display: inline-block;
	position: relative;
	top: 0;
	right: 0;
}

section.room.bg--section-color .products-card a img {
	width: 100%;
	display: block;
	height: 100%;
}

section.room.bg--section-color .hover-effect_1 img {
	transform: scale(1);
	transition: transform 0.6s ease-in-out;
}

section.room.bg--section-color .news-box img,
.products-card__img img {
	width: 100%;
	aspect-ratio: 1 / 0.6;
}

section.room.bg--section-color .best_selling {
	position: absolute;
	top: 20px;
	right: 20px;
	background: #016fb9;
	padding: 5px 15px;
	border-radius: 25px;
	font-size: 13px;
	color: #fff;
}

section.room.bg--section-color .products-card-content {
	padding: 5px 10px 10px 10px;
}

section.room.bg--section-color .products-card a {
	display: inline-block;
	position: relative;
	top: 0;
	right: 0;
}

section.room.bg--section-color .products-card-content h3 {
	font-size: 25px;
	color: #333;
	font-weight: 600;
	margin-bottom: 0px;
	min-height: 25px;
}

section.room.bg--section-color .products-card-content ul {
	padding-bottom: 1px;
	margin: 3px 0 10px;
}

section.room.bg--section-color.room-tour .products-card-content .desc ul li {
	background: unset;
	list-style: disc;
	margin-left: 20px;
	padding-left: 0px;
}

section.room.bg--section-color .products-card-content ul li {
	color: #333;
	font-weight: 500;
	font-size: 14px;
	padding: 0 5px;
	position: relative;
	text-transform: capitalize;
	background-color: rgb(255 107 0 / 9%);
	padding: 5px 10px;
	border-radius: 5px;
}

.list-create-img {
	position: relative;
	overflow: hidden;
}

.list-create-img::before {
	position: absolute;
	width: 200%;
	height: 0%;
	left: 50%;
	top: 50%;
	background-color: hsla(0, 0%, 100%, .3);
	transform: translate(-50%, -50%) rotate(-45deg);
	content: "";
	z-index: 1;
}

.list-create-img:hover:before {
	height: 250%;
	transition: all .6s linear;
	background-color: transparent;
}

section.room.bg--section-color .products-card-content .desc {
	line-height: 1.5;
	padding-bottom: 0;
	color: #333;
	font-size: 15px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-bottom: 0px;
	margin-bottom: 10px;
}

section.room.bg--section-color .products-card-bottom {
	margin-top: auto;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid #cdcdcda1;
	padding-top: 11px;
}

section.room.bg--section-color .products-card-bottom a {
	width: fit-content;
	background: #016fb9;
	padding: 6px 17px;
	border-radius: 5px;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	display: block;
	height: unset;
}

.btn-submit-giave a:hover,
section.room.bg--section-color .products-card-bottom a:hover {
	background: var(--color-main2);
}

section.room.bg--section-color .products-card a {
	display: inline-block;
	position: relative;
	top: 0;
	right: 0;
	margin-top: 0px;
}

section.room.bg--section-color .products-card-bottom .price {
	color: #858482;
	font-size: 14px;
	line-height: 1.3;
	font-weight: 400;
	text-align: right;
}

section.room.bg--section-color .products-card-bottom .price-top span {
	font-size: 18px;
	font-weight: 500;
	color: #016fb9;
}

section.list-create .title-section {
	margin-bottom: 10px;
	font-size: 26px;
	line-height: 1.2;
	color: #333;
	font-weight: 600;
}

section.list-create .desc {
	color: gray;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 10px;
}

section.list-create .desc p {
	color: gray;
	font-size: 15px;
	font-weight: 400;
	padding: 5px 0 5px 0;
	margin-bottom: 0px;
}

section.list-create .list-create-box {
	box-shadow: rgba(0, 0, 0, 0.12) 0 5px 15px;
	padding: 11px 25px;
	border-radius: 15px;
	margin-top: 10px;
	background: #fff;
}

section.list-create .list-create-box img {
	height: 60px;
	margin-right: 30px;
}

section.list-create .list-create-content h3 {
	font-size: 19px;
	font-weight: 400;
	margin-bottom: 2px;
}

section.list-create .list-create .see-more {
	margin: 0 auto;
	margin-top: 35px;
	color: #000;
}

section.list-create .see-more--border {
	border: 1px solid #000;
}

section.list-create .see-more {
	width: fit-content;
	background-color: #fff;
	padding: 12px 25px;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 500;
	color: #000;
	margin: 0 auto;
	margin-top: 20px;
}

section.list-create .see-more svg {
	fill: #000000;
}

section.list-create {
	padding: 3rem 0px 2rem;
	background: #eeeeee45;
	position: relative;
}

section.home-sale {
	/* background: #F8F5F0; */
	padding: 4rem 0px 3rem;
	position: relative;
	background: url(https://theme.hstatic.net/200000887721/1001254786/14/home_collection_bg.jpg?v=230);
	background-size: cover;
	background-position: center;
}

.box-item-products-tions {
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	padding: 10px;
	background: #fff;
	border-radius: 5px;
	text-align: center;
}

.section-index {
	padding: 0;
	position: relative;
}

.section_feedback .bg-section {
	background-color: #111;
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
	padding: 30px 0;
}

.section-index .section-title.side-left.has-control {
	padding-right: 85px;
}

.section-index .section-title.side-left {
	text-align: center;
}

.section-index .section-title {
	text-align: center;
	position: relative;
	margin-bottom: 20px;
}

.section-title.side-left.has-control h2 {
	padding-right: 0;
	text-align: left;
	display: inline-block;
	font-weight: 700;
	font-size: 3rem;
	text-transform: uppercase;
	margin-bottom: 0px;
	position: relative;
	padding-bottom: 8px;
}

.section_feedback .bg-section .section-title h2 {
	color: #333;
}

.section-title.side-left.has-control h2:before {}

.section_feedback .bg-section .desc {
	font-size: 15px;
	margin: 0px 0 10px;
	color: #333;
}

.swiper-slide {
	padding-bottom: 25px;
}

.section_feedback .feedback-item {
	display: flex;
	padding: 20px 15px;
	background: #fff;
	height: 100%;
	position: relative;
	background-image: url(https://bizweb.dktcdn.net/100/490/431/themes/927074/assets/quote-4.svg?1716175167006);
	background-size: 60px 60px;
	background-repeat: no-repeat;
	background-position: calc(100% - 15px) 15px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.section_feedback .feedback-item:before {
	top: 100%;
	right: 30px;
	border: solid transparent;
	content: ' ';
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top-color: #fff;
	border-width: 22px 0px 0px 33px;
	margin-left: 0px;
}

.section_feedback .avatar {
	width: 110px;
	height: 110px;
	overflow: hidden;
	border-radius: 50%;
	flex: none;
}

.section_feedback .block-content {
	padding-left: 20px;
	flex-grow: 1;
}

.block-content p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-bottom: 0px;
	margin-bottom: 1rem;
}

.title-separator {
	display: flex;
	justify-content: center;
	position: relative;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 10px;
}

.title-separator:before {
	content: '';
	display: block;
	width: 60px;
	height: 1px;
	background: #000000;
	position: absolute;
	top: calc(50% - 1px);
	left: calc(50% - 77px);
}

.title-separator .separator-center {
	display: block;
	width: 32px;
	height: 12px;
	position: relative;
}

.title-separator:after {
	content: '';
	display: block;
	width: 60px;
	height: 1px;
	background: #000000;
	position: absolute;
	top: calc(50% - 1px);
	right: calc(50% - 77px);
}

.title-separator .separator-center:before {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border: 1px solid #000000;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	left: 8px;
}

.title-separator .separator-center:after {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border: 1px solid #000000;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	right: 8px;
}

section.box-architec:before {
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	background: #ffffff75;
	top: 0;
	z-index: 9;
}

section.box-architec .ctnr {
	position: relative;
	z-index: 99;
}

.box-form-right-statics {
	padding-bottom: 10px;
	width: 100%;
	margin: 0 auto;
}

.box-form-right-statics .form-container.is-project-detail {
	position: relative;
	background: #fff;
	border-color: #e6e9ec;
}

.box-form-right-statics .form-container {
	width: 100%;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	border: 1px solid transparent;
	-webkit-box-shadow: 0 4px 12px 0 rgba(28, 30, 34, 0.08);
	box-shadow: 0 4px 12px 0 rgba(28, 30, 34, 0.08);
	border-radius: 6px;
	overflow: hidden;
}

.box-form-right-statics .section-subtitle {
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	background: #a8782f;
	color: #fff;
	padding-top: 7px;
	margin-bottom: 20px;
	padding-bottom: 7px;
}

.box-form-right-statics .form-container .form-content {
	background: #fff;
	padding: 0px 20px 20px;
	font-size: 16px;
}

.box-form-right-statics .form-container .form-content {
	background: #fff;
	padding: 5px 20px 10px;
	font-size: 15px;
}

.box-input-form {
	display: flex;
	gap: 0px 10px;
	justify-content: space-between;
}

.box-input-form .field {
	width: 49%;
}

.box-form-right-statics .control.has-float-label .input,
.control.has-float-label .textarea {
	font-size: 14px;
	min-height: 45px;
	box-shadow: unset;
	border: 1px solid #cdcdcd;
	width: 100%;
	border-radius: 7px;
	padding-left: 10px;
	margin-bottom: 10px;
}

.box-form-right-statics .button.is-primary {
	background: #016fb9;
	border-color: #333;
	color: #fff;
	border-radius: 5px;
	font-size: 16px;
	padding: 9px;
	text-transform: uppercase;
	margin-top: 10px;
	width: 100%;
}

.section-main-title .sub-title {
	position: relative;
	display: block;
	font-size: 28px;
	line-height: 6px;
	margin-bottom: 7px;
	color: #016fb9;
	font-family: 'Style Script', cursive;
}

.section-main-title .te-title {
	position: relative;
	display: block;
	font-size: 30px;
	text-transform: uppercase;
	line-height: 50px;
	font-weight: 600;
	color: #333;
	margin: 0px;
}

.why_choose_title {
	margin-bottom: 2rem;
}

.why_choose_title {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.tab-btn-box ul {
	display: flex;
	gap: 0px 10px;
}

.tab-btn-box ul li {
	background: #ffffff;
	color: #000000;
	padding: 5px 20px;
	border-radius: 25px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	cursor: pointer;
}

li.tab-btn.active,
.tab-btn-box ul li:hover {
	background: #016fb9;
	color: #fff;
}

.home-sale .title-separator .separator-center:before {
	border: 1px solid #333;
}

.home-sale .title-separator .separator-center:after {
	border: 1px solid #333;
}

.home-sale .title-separator:before {
	background: #333;
}

.home-sale .title-separator:after {
	background: #333;
}

.list-create .sub-title.te-subtitle {
	color: #016fb9;
	font-family: 'Style Script', cursive;
	font-size: 33px;
	line-height: 0;
}

.item-slick-backs img {
	width: 100%;
	height: 100%;
}

.form-content.modal-content-request__1 ul li {
	padding-left: 27px;
	position: relative;
	margin-bottom: 5px;
}

.form-content.modal-content-request__1 ul li:before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	background: url(https://natuh.com.vn/frontend/images/qa.webp);
	left: 0;
	background-repeat: no-repeat;
	background-size: contain;
	top: 2px;
}

button.product-view__btn.btn.btn-outline-primary:hover {
	background: linear-gradient(107deg,
			rgba(17, 50, 26, 1) 18%,
			rgba(16, 57, 27, 1) 49%,
			rgba(0, 69, 19, 1) 85%);
	border-color: #024314;
}

p.title-box {
	color: #333;
	font-family: 'Style Script', cursive;
	font-size: 23px;
	margin-bottom: 0px;
}

.box-slider-products.row {
	margin: unset;
}

section.home-sale p.title-box {
	color: #333;
	font-weight: 200;
	font-size: 20px;
}

section.room.bg--section-color .products-card .products-card__img {
	overflow: hidden;
	display: inline-flex;
	height: 100%;
}

section.room.bg--section-color .products-card .products-card__img img {
	transform: scale(1);
	transition: 0.5s ease;
	height: 100%;
	width: 100%;
}

section.room.bg--section-color .products-card .products-card__img img:hover {
	transform: scale(1.1);
	transition: 0.5s ease;
}

section.room.bg--section-color .products-card-content h3:hover {
	color: #016fb9;
}

section.room.bg--section-color .products-card .products-card__img:hover {
	color: #fff;
}

.box-form-right-statics .button.is-primary:hover {
	background: #1d5694;
	color: #fff;
}

.product-view__ttl a:hover {
	color: #a97a31;
}

.product-view__img img {
	transform: scale(1);
	transition: 0.5s ease;
}

.product-view__img img:hover {
	transform: scale(1.1);
	transition: 0.5s ease;
}

section.room.bg--section-color.giavetau .room__wrapper .slick-room {
	display: flex;
}


.aboutus_in {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	margin-bottom: 20px;
}

.aboutus_in .item .single-service2 img {
	transition: all .3s ease;
}

.aboutus_in .item:hover .single-service2 img {
	transform: translateY(-5px);
}

.single-service.single-service2 {
	display: flex;
	gap: 0px 20px;
}



.single-service.single-service2 img {
	width: auto;
	height: 65px;
	background: #cdcdcd;
	padding: 10px;
	border-radius: 100%;
}

.single-service.single-service2 .content h6 {
	font-size: 17px;
}

section.aboutus {
	padding-top: 20px;
	/* background: url(../images/nen-01.jpg); */
	/* background-size: cover !important; */
	/* background-repeat: no-repeat !important; */
	padding-bottom: 50px;
	background-color: transparent;
	background-image: linear-gradient(180deg, #fff 10%, #ffefe4 100%);
}

.single-service.single-service2 .content p {
	font-size: 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-bottom: 0px;
}

.service-slider-blog .hedding-blogs {
	margin-bottom: 28px;
}



.single-service.single-service2 {
	display: flex;
	gap: 0px 10px;
}

.single-service.single-service2 img {
	width: auto;
	height: 65px;
	/* background: #cdcdcd; */
	padding: 0px;
	border-radius: 100%;
}

.single-service.single-service2 .content h6 {
	font-size: 17px;
	margin-bottom: 5px;
}

.single-service.single-service2 .content p {
	font-size: 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-bottom: 0px;
}

a.velora-hedding:hover {
	color: #016fb9;
}

/*
.products-card a:before {
	position: absolute;
	width: 200%;
	height: 0%;
	left: 50%;
	top: 50%;
	background-color: hsla(0, 0%, 100%, 0.3);
	transform: translate(-50%, -50%) rotate(-45deg);
	content: '';
	z-index: 1;
}
*/
.products-card .products-card__img:hover:before {
	height: 250%;
	transition: all 0.6s linear;
	background-color: transparent;
}

.icon-step-architec:before {
	position: absolute;
	width: 200%;
	height: 0%;
	left: 50%;
	top: 50%;
	background-color: hsla(0, 0%, 100%, 0.3);
	transform: translate(-50%, -50%) rotate(-45deg);
	content: '';
	z-index: 1;
}

.box-action-architec:hover .icon-step-architec:before {
	height: 250%;
	transition: all 0.6s linear;
	background-color: transparent;
}

.blogs .line svg path {
	fill: #016fb9;
}

section.blogs ul li {
	list-style: disc !important;
	margin-left: 18px;
}

section.blogs ul {
	margin-bottom: 10px;
}

.room-icon {
	position: absolute;
	left: -3%;
	bottom: 4%;
	z-index: -1;
}

.room-icon img {
	max-width: 300px;
}

section.room.bg--section-color.giavetau .desc {
	border: none;
}

.btn-submit-giave {
	text-align: center;
}

.btn-submit-giave a {
	display: inline-block;
	background: var(--color-main);
	padding: 4px 25px;
	color: #ffff;
	border-radius: 5px;
	font-size: 14px;
}

.item-hour-tour p {
	padding-bottom: 0px;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.1;
}

.list-hourt-tour {
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
	gap: 0 10px
}

.item-hour-tour {
	text-align: center;
	width: calc(98% / 2);
	padding: 10px 10px 5px;
	background: #fafafa;
	border-radius: 6px;
	border: 1px solid #cdcdcd6e;
}

section.room.bg--section-color.giavetau .why_choose_title {
	text-align: center;
	justify-content: center;
}

section.room.bg--section-color.giavetau .products-card-content ul {
	gap: 0px 10px;
}

.fix-feteur-right {
	position: sticky;
	top: 18px;
}

.card {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, 0.125);
	border-radius: 0.25rem;
}

.p-4 {
	padding: 1.5rem !important;
}

.box-news-right-post-details {
	/* border: none; */
	margin-bottom: 20px;
	border-radius: 10px !important;
	margin-top: 20px;
}

.widget-title {
	position: relative;
	margin-bottom: 24px;
	padding-bottom: 7px;
	border-bottom: 2px solid #e5e5e5;
	font-size: 18px;
	color: #016fb9;
	font-weight: 500;
	text-transform: uppercase;
}

.widget-title::after {
	display: block;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 90px;
	height: 2px;
	background-color: #016fb9;
	content: '';
}

.box-news-right-post-details .entry {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.box-news-right-post-details .entry .entry-thumb {
	padding-right: 0px;
	width: 109px;
	margin-right: 11px;
}

.box-news-right-post-details .entry .entry-thumb img {
	width: 113px;
	border-radius: 10px;
	overflow: hidden;
	height: 85px;
}

.box-news-right-post-details .entry .entry-content {
	flex: 1;
}

.entry-content>h4 {
	margin-bottom: 0;
	font-size: 14px;
	display: block;
	margin-bottom: 0;
	padding-top: 4px;
	color: #999;
	font-size: 12px;
}

.box-news-right-post-details .entry .entry-content h4 a {
	font-size: 14px;
	color: #000;
	text-align: left;
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
}

.entry-content>.entry-meta {
	font-size: 13px;
	display: block;
	margin-bottom: 0;
	padding-top: 4px;
	color: #999;
	font-size: 12px;
}

.box-stage-outer-slider.slick-initialized.slick-slider {
	margin-bottom: 0px;
	/* background: #004F75; */
	/* background: radial-gradient(circle, rgba(0, 79, 117, 1) 0%, rgba(0, 19, 31, 1) 100%); */
}

.bookings__desktop {
	position: relative;
	bottom: 0;
	z-index: 9;
	justify-content: center;
}

.title_search_home {
	background: #8d011c;
	display: inline-block;
	padding: 12px 25px 8px 15px;
	color: #fff;
	position: relative;
	border-radius: 10px 0px 0px 0px;
}

.title_search_home::before {
	content: '';
	width: 0;
	height: 0;
	border-top: 45px solid transparent;
	border-left: 35px solid #8d011c;
	border-bottom: 0px solid transparent;
	border-right: 0 solid transparent;
	position: absolute;
	top: 0px;
	right: -34px;
}

.title_search_home h2 {
	color: #fff;
	text-transform: uppercase;
	font-size: 19px;
	margin: 0;
	font-weight: 600;
	line-height: 1.3;
}

.bookings__desktop form {
	width: 100%;
	padding: 10px 15px 10px 15px;
	border-radius: 0 5px 5px 5px;
	color: white;
	background: #8d011c;
	box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.06);
}

.btn-datve button {
	display: inline-flex;
	padding: 7px 67px;
	border-radius: 0px;
	background: #8d011c;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 15px;
}

.btn-datve button:hover {
	background: #a51c2e;
}

.btn-datve {
	text-align: right;
	position: absolute;
	right: 0;
	top: 100%;
}

.bookings__desktop form {
	position: relative;
	border-radius: 0px 10px 0px 10px;
}

.btn-datve:before {
	content: '';
	width: 0px;
	height: 0px;
	position: absolute;
	top: 0px;
	border-top: 38px solid transparent;
	border-left: 35px solid #8d011c;
	border-bottom: 0px solid transparent;
	border-right: 0px solid transparent;
	right: 100%;
	transform: rotate(180deg);
}

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



.form-group>.d-flex {
	gap: 20px 0;
	width: 100%;
}

.box_search {
	width: 100%;
}

.box_search input {
	box-sizing: border-box;
	border: 1px solid #ddd;
	padding: 0 1em;
	height: 40px;
	font-size: 15px;
	max-width: 100%;
	width: 100%;
	vertical-align: middle;
	background-color: #fff;
	color: #333;
	transition: color 0.3s, border 0.3s, background 0.3s, opacity 0.3s;
	outline: 0;
	border-radius: 34px;
}

.box-form-body {
	width: 100%;
	height: 100%;
}

.bookings__desktop button {
	border-radius: 3px;
	display: inline-flex;
	width: 90%;
	height: 40px;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	line-height: 40px;
	font-size: 15px;
	color: #ed1c21;
	text-transform: uppercase;
	font-weight: 700;
	width: 100%;
	margin: unset;
	line-height: 40px;
	border-radius: unset;
}

.bookings__desktop select {
	background: #f5f5f5;
	border: none;
	line-height: normal;
	height: 40px;
	padding: 8px 0 8px 8px;
	-webkit-appearance: auto;
	-moz-appearance: auto;
	appearance: auto;
	background-position: 100%;
	background-repeat: no-repeat;
	border-radius: 3px;
}

section.room.bg--section-color.giavetau .desc {
	/* min-height: 60px; */
	text-align: center;
}

.box-tab-form-ve .form-group.active {
	display: block !important;
}

section.bookings {
	position: absolute;
	right: 0;
	width: 700px;
}

.tab-tourt-ve ul {
	display: flex;
	gap: 0px 10px;
	justify-content: flex-start;
}

.tab-tourt-ve {
	margin-bottom: 10px;
	display: flex;
	justify-content: space-between;
}

.tab-tourt-ve ul li {
	border: 1px solid #ffffff7a;
	padding: 3px 18px;
	font-size: 13px;
	border-radius: 25px;
}

.tab-tourt-ve li.active-tab {
	background: #005693;
}

.title_search_home h2 img {
	margin-right: 5px;
}

.footers2-bot p {
	padding-bottom: 0px;
}

.btn-datve button {
	color: #fff;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	border-radius: 0px 0px 10px 0px;
}

.box-tab-form-ve .form-group {
	display: none;
}

section.room.bg--section-color.giavetau {
	--bg-sec: #f8f5f0;
	background: var(--bg-sec);
	padding: 60px 0 30px;
}

span.icon-member {
	font-size: 13px !important;
	color: #333 !important;
}

.box-input-form-category {
	display: flex;
	justify-content: space-between;
	gap: 0px 10px;
}

.field.category-tour {
	width: 85%;
}

.field.member-number {
	width: 15%;
}

.field.category-tour select {
	background: #fff;
	height: 45px;
	box-shadow: unset;
	border: 1px solid #cdcdcd;
	width: 100%;
	border-radius: 7px;
	padding-left: 10px;
	margin-bottom: 10px;
	color: #757575;
	font-size: 14px;
}

section.room.bg--section-color.room-tour .products-card-content .desc ul li:nth-child(n + 4) {
	display: none;
}

.nice-select.init-nine-select {
	border: 1px solid #ddd;
	width: 100%;
}

.nice-select.init-nine-select span.current {
	color: #333;
}

.nice-select.open .list li {
	color: #000;
}

.img-support {
	width: 85px;
	margin: 10px auto;
}

/*  */
section {
	position: relative;
}

.icon-common {
	position: absolute;
	z-index: -1;
}

.icon-common img {
	max-width: 200px;
}

.icon-common.left {
	left: 2%;
	top: 2%;
}

.icon-common.left.bottom {
	left: 2%;
	top: auto;
	bottom: 2%;
}

.icon-common.right {
	right: 2%;
	bottom: 2%;
}

.icon-common.right.top {
	right: 2%;
	bottom: auto;
	top: 2%;
}

.ani-up {
	animation: morph_tp 6s linear infinite;
}

.ani-left {
	animation: morph_tr 6s linear infinite;
}

.ani-zoom {
	animation: zoomIn 6s linear infinite;
}


.common-arrow:hover .slick-arrow {
	opacity: 1;
}

.common-arrow .slick-arrow {
	width: auto;
	height: auto;
}

.common-arrow .slick-arrow svg {
	width: 30px;
	height: 30px;
}

.common-arrow .slick-arrow svg path {
	stroke: var(--color-main2);
	fill: var(--color-main2);
}

.common-arrow .slick-prev {
	left: -15px;
}

.common-arrow .slick-next {
	right: -15px;
}

.common-arrow .slick-prev svg {
	transform: rotate(180deg);
}

.common-arrow .slick-dots {
	position: relative;
	bottom: 0;
	margin-top: 15px;
}

.common-arrow .slick-dots li button {
	display: none;
}

.line {
	position: absolute;
	width: 100%;
	left: 0;
	top: -1px;
}

.line svg {
	width: 100%;
	height: 30px;
}

.line svg path {
	fill: #f8f5f0;
}

.line-bottom {
	transform: rotate(180deg);
	top: auto;
	bottom: -1px;
}

.slide-mv__info {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 50%;
	transform: translateY(50%);
	z-index: 999;
}

.slide-mv__ct-brief {
	border-radius: 24px;
	background: linear-gradient(to right, #016fb9cf, #d74116);
	color: white;
	font-size: 26px;
	display: inline-block;
	padding: 15px 35px;
	line-height: 1.5;
	text-transform: uppercase;
	font-family: var(--font-heading-family);
	font-weight: 700;
}

.slide-mv__img {
	position: relative;
	z-index: 1;
}

.slide-mv__img img {
	width: 100%;
}

.slide-mv__img-mask {
	position: absolute;
	left: 0;
	bottom: -1px;
	height: 280px;
	width: 100%;
	background-color: white;
	-webkit-mask-image: url('../images/slider-cloud-bg.png');
	-webkit-mask-size: contain;
	-webkit-mask-position: bottom center;
	-webkit-mask-repeat: repeat-x;
}

.item-slider-stages {
	position: relative;
	z-index: 9999;
}

.c-title {
	font-size: 35px;
	margin-bottom: 5px;
}

.c-title__icon {
	display: block;
	/* margin-left: -23px; */
	margin-bottom: -9px;
	line-height: 1;
}

.c-title__icon svg,
.c-title__icon img {
	width: 48px;
	height: 48px;
	object-fit: contain;
}

.c-title__small {
	color: var(--color-main2);
	font-weight: 700;
	display: block;
	font-size: 16px;
}

.c-title__xl {
	display: block;
	color: var(--color-main);
	text-transform: uppercase;
}

.c-title--white .c-title__icon svg {
	fill: white;
}

.c-title--white .c-title__xl,
.c-title--white .c-title__small {
	color: white;
}

.slide-mv__ct .btn {
	font-size: 16px;
}

.slide-mv__btn {
	border: 1px solid currentColor;
	gap: 10px;
}

.slide-mv__ct .btn svg {
	width: 20px;
	fill: currentColor;
}

.slide-mv__ct .btn svg path {
	fill: currentColor;
}

.slide-mv__ct {
	color: white;
	margin: 0 auto;
	text-align: center;
	font-size: 18px;
}

.slide-mv__ct-ttl {
	font-size: 45px;
	font-weight: 700;
	max-width: 50%;
	line-height: 1.1;
	margin: auto;
	margin-bottom: 25px;
	color: #fff;
	text-transform: uppercase;
}

.slide-mv__ct-logo img {
	display: inline-block;
	max-width: 214px;
	width: 40%;
	margin-top: 35px;
}

.heading-common {
	margin-bottom: 40px;
}

.aboutus-img {
	position: relative;

}

.desc_home {
	/* text-align: justify; */
}

.desc_home p:not(:last-child) {
	margin-bottom: 10px;
}

.desc_home:not(:last-child) {
	margin-bottom: 20px;
}

/* .aboutus-img:hover:before {
	height: 250%;
	transition: all .6s linear;
	background-color: transparent;
} */
.aboutus-img__icon {
	max-width: 508px;
	margin: 0 auto;
}

.aboutus-img__icon svg g path.img_path_one {
	-webkit-animation: morph 6s linear infinite;
	animation: morph 6s linear infinite;
}

.aboutus-img__icon svg g ellipse.img_path_two {
	-webkit-animation: morph_tp 6s linear infinite;
	animation: morph_tp 6s linear infinite;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}

.aboutus-img__icon svg g ellipse.img_path_three {
	-webkit-animation: morph_tr 6s linear infinite;
	animation: morph_tr 6s linear infinite;
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}

.aboutus-img__icon .img_path {
	fill: var(--color-main);
}

.aboutus-img__child {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.aboutus-img__child img {
	-webkit-mask-image: url(../images/image_mask.png);
	-webkit-mask-size: 90%;
	-webkit-mask-position: center center;
	-webkit-mask-repeat: no-repeat;
	height: 100%;
	width: 100%;
}

@keyframes zoomIn {
	0% {
		transform: scale(1.1);
	}

	30% {
		transform: scale(1.05);
	}

	50% {
		transform: scale(1);
	}

	70% {
		transform: scale(1.05);
	}

	100% {
		transform: scale(1.1);
	}
}

@keyframes morph {
	0% {
		transform: translateY(0px);
	}

	30% {
		transform: translateY(10px);
	}

	50% {
		transform: translateY(0px);
	}

	70% {
		transform: translateY(-10px);
	}

	100% {
		transform: translateY(0px);
	}
}

@keyframes morph_tp {
	0% {
		transform: translateY(0px);
	}

	30% {
		transform: translateY(60px);
	}

	50% {
		transform: translateY(0px);
	}

	70% {
		transform: translateY(-10px);
	}

	100% {
		transform: translateY(0px);
	}
}

@-webkit-keyframes morph_tr {
	0% {
		transform: translateX(0px);
	}

	30% {
		transform: translateX(50px);
	}

	50% {
		transform: translateX(0px);
	}

	70% {
		transform: translateX(-80px);
	}

	100% {
		transform: translateX(0px);
	}
}

@keyframes morph_tr {
	0% {
		transform: translateX(0px);
	}

	30% {
		transform: translateX(50px);
	}

	50% {
		transform: translateX(0px);
	}

	70% {
		transform: translateX(-80px);
	}

	100% {
		transform: translateX(0px);
	}
}



.sec-leve {
	padding: 40px 0;
	--bg-sec: white;
	background: var(--bg-sec);
}

.sec-leve .line svg path {
	fill: #fdf0e7;
}

.leve-grid__row {
	--gutter: 40px;
	gap: 20px 0;
}

.service-leve {
	max-width: 357px;
	margin: 0 auto;
}

.service-leve__star .icon img {
	width: 30px;
}

.service-leve__wrap path:nth-child(1),
.service-leve__tag path:nth-child(1) {
	fill: #8cd4fd;
}

.leve-grid__item:nth-child(2) .service-leve__tag path:nth-child(1) {
	fill: #f9af0e;
}

.leve-grid__item:nth-child(2) .service-leve__shape path:nth-child(1) {
	fill: #acc845;
}

.leve-grid__item:nth-child(2) .service-leve__wrap path:nth-child(1) {
	fill: #341c77;
}

.leve-grid__item:nth-child(3) .service-leve__tag path:nth-child(1) {
	fill: #f7705c;
}

.leve-grid__item:nth-child(3) .service-leve__shape path:nth-child(1) {
	fill: #9c66fd;
}

.leve-grid__item:nth-child(3) .service-leve__wrap path:nth-child(1) {
	fill: #f7705c;
}

.service-leve__inner {
	position: relative;
	padding-bottom: 68px;
}

.service-leve__shape {
	width: 100%;
	height: auto;
}

.service-leve__tag {
	width: 120px;
	height: auto;
	position: absolute;
	top: -15px;
	left: -30px;
}

.service-leve__image {
	width: calc(100% - 40px);
	height: 255px;
	position: absolute;
	left: calc(40px / 2);
	top: 50px;
	mask-image: url(../images/img-mask.png);
	mask-size: contain;
	mask-position: center;
	mask-repeat: no-repeat;
}

.service-leve__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.service-leve__wrap {
	width: 100%;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	text-align: center;
	min-height: 171px;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 25px;
}

.service-leve__wrap svg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

.service-leve__heading {
	font-size: 24px;
	color: #fff;
	font-weight: 700;
	width: 100%;
	padding: 0 30px;
	text-align: center;
}

.service-leve__heading a:hover,
.service-leve__heading a {
	color: #fff;
}

.service-leve__readmore {
	background-color: rgba(255, 255, 255, 0.9);
	position: absolute;
	left: 0;
	top: -100%;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	transition: all 0.6s cubic-bezier(0.50, 0.05, 1, 1);
}

.service-leve__image:hover .service-leve__readmore {
	top: 0;
	opacity: 1;
	visibility: visible;
}

.service-leve__readmore svg,
.service-leve__readmore img {
	width: 50px;
	height: auto;
	margin-top: -55px;
}

.service-leve__readmore:hover svg {
	animation: bounceInUp 1s alternate;
}

.space-extra-bottom-img {
	border-radius: 999px;
}

.feature-style3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 60px;
}

.feature-style3:last-child {
	margin-bottom: 0;
}

.feature-style3 .feature-img {
	position: relative;
	margin-right: 15px;
	border-radius: 50%;
	width: 110px;
	padding: 5px;
}

.feature-style3 .feature-img:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: 2px dashed var(--color-main);
	border-radius: 50%;
	-webkit-animation: rotate 40s infinite linear;
	animation: rotate 40s infinite linear;
	-webkit-transition: all ease 0.4s;
	-o-transition: all ease 0.4s;
	transition: all ease 0.4s;
}

.feature-style3 .feature-img .img {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	border-radius: inherit;
}

.feature-style3 .feature-img .img img {
	width: 100%;
	/* border-radius: 50%; */
	max-width: initial;
	-webkit-transition: all ease 0.6s;
	-o-transition: all ease 0.6s;
	transition: all ease 0.6s;
	padding: 15px;
}

.feature-style3 .feature-body {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.feature-style3:hover .feature-img:before {
	border-color: var(--color-main);
}

.feature-style3 .feature-title {
	margin-top: -5px;
	margin-bottom: 5px;
	color: var(--color-main2)
}

.list-style2 {
	text-align: justify;
	line-height: 1.3;
}

.feature-style3 .list-style2 ul {
	margin-bottom: -0.2em;
}

.feature-img .img::before {
	content: "";
	padding-top: 100%;
	display: block;
}

.feature-img .img img {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

@media screen and (max-width: 1200px) {
	.feature-style1 .feature-title {
		font-size: 22px;
	}
}

@media (max-width: 768px) {
	.service-info-section .service-item {
		padding: 20px;
	}

	.service-info-section .service-icon {
		width: 50px;
		height: 50px;
		font-size: 20px;
		margin-right: 15px;
	}

	.service-info-section .service-title {
		font-size: 16px;
	}

	.service-info-section .service-description {
		font-size: 13px;
	}
}

.dots-spacing-0 .slick-dots {
	margin-bottom: 0;
}

.list-style2 ul {
	margin-bottom: 30px;
}

.list-style2 li {
	margin-bottom: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.list-style2 li:before {
	content: "";
	width: 10px;
	height: 10px;
	background-color: var(--color-main);
	display: inline-block;
	margin-right: 10px;
	border-radius: 50%;
}

.number-highlight {
	padding: 50px 0 50px;
	position: relative;
}

.number-highlight__grid {
	display: flex;
	gap: 0px 49px;
	width: 100%;
	margin: 0 auto;
}

.number-highlight__grid-item:not(:last-child) {}

.number-highlight__grid-item {
	text-align: center;
	padding: 20px 0px;
	border-top: 1px solid rgba(61, 61, 61, 0.1);
	border-bottom: 1px solid rgba(61, 61, 61, 0.1);
}

.number-highlight__grid-number {
	font-size: 44px;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 20px;
	color: #016fb9;
}

.number-highlight__grid-txt {
	font-size: 17px;
	font-weight: 400;
	opacity: .8;
}

.quy_trinh {
	padding: 40px 0 50px;
}

.space-extra-bottom {
	padding: 30px 0;
	background: #f8f5f0;
}

.space-extra-bottom .line svg path {
	fill: #3baf7e;
}

.space-extra-bottom__row {
	--gutter: 20px;
	gap: 20px 0;
}

.program-column {}

.program-column {}

.program-column__row {
	gap: 20px 0;
}

.program-column__wrap {
	background: white;
	border: 1px solid var(--color-main);
	border-radius: 25px;
	padding: 20px;
	height: 100%;
}

.program-column__ttl {
	color: var(--color-main);
	font-size: 18px;
	font-weight: 700;
	font-family: var(--font-family);
	text-align: center;
	margin-bottom: 16px;
}

.program-column__brief {}

.sec-question {}

.sec-question {
	padding: 50px 0;
	--bg-sec: #f2f0f4;
	background: var(--bg-sec);
	/* background: #ffefe440; */
}

.question-block {}

.question-block__ttl {
	color: var(--color-main);
	text-align: center;
	font-size: 36px;
	font-weight: 700;
	font-family: var(--font-family);
}

.question-block__subttl {
	color: var(--color-main);
	text-align: center;
	font-size: 30px;
	font-weight: 700;
	font-family: var(--font-family);
}

.question-block__subttl span {
	color: var(--color-main2);
	font-size: 36px;
}

.question-block__right .question-block__subttl {
	margin-bottom: 32px;
	color: var(--color-main2);
}

.question-block__left .question-block__ttl {
	margin-bottom: 20px;
}

.faq-section {
	padding: 0;
}

.faq-item {
	border-radius: 8px;
	transition: all 0.3s ease;
	font-family: var(--font-family);
	margin-bottom: 10px;
	overflow: hidden;
}

.faq-item:last-child {
	border-bottom: none;
	margin-bottom: 0;
}

.faq-question {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 15px;
	cursor: pointer;
	background: #2676891f;
	transition: all 0.3s ease;
	user-select: none;
}

.faq-question:hover {
	color: var(--color-main);
}


.question-text {
	font-size: 18px;
	font-weight: 500;
	flex: 1;
	margin-right: 20px;
}

.toggle-icon {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #e8e8e8;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	font-weight: bold;
	color: #666;
}

.faq-item.active .faq-question .toggle-icon {
	background: var(--color-main);
	color: white;
	transform: rotate(45deg);
}

.faq-item.active .faq-answer {
	max-height: 500px;
}

.faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: all 0.4s ease;
	background: #f8f9ff;
}



.answer-content {
	padding: 10px 15px;
	color: #555;
	line-height: 1.7;
	font-size: 16px;
}

.room__wrapper:not(:last-child) {
	margin-bottom: 30px;
	margin-top: 15px;
}

.try-student {
	max-width: 640px;
	margin: 0 auto;
}

.try-student__ttl {
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 20px;
	text-align: center;
	color: var(--color-main2);
}

.try-student__box {
	border: 4px solid #ef5223;
	border-radius: 24px;
	padding: 24px;
	color: #333;
	background: white;
	font-size: 16px;
	margin-bottom: 20px;
}

.try-student__box ul {
	margin-left: 10px;
}

.try-student__box ul li {
	list-style: disc;
	position: relative;
}

.highlight {
	background: linear-gradient(120deg, #a8edea 0%, #fed6e3 100%);
	padding: 2px 6px;
	border-radius: 4px;
	font-weight: 500;
}

.teaching-slide .slick-list {
	/* padding-bottom: 66px; */
}

.answer-content ul {
	list-style: none;
}

.answer-content ul:not(:last-child) {
	margin-bottom: 10px;
}

.answer-content ul li {
	position: relative;
	padding-left: 25px;
}

.answer-content ul li:before {
	content: "✓";
	position: absolute;
	left: 0;
	color: var(--color-main);
	font-weight: bold;
}

.teaching-staff {
	background: #f8f5f0;
	padding: 30px 0;
}

.teaching-staff .line svg path {
	fill: #f2f0f4;
}

.wdt-content-image {
	text-align: center;
}

.wdt-content-image-link {
	display: inline-flex;
	position: relative;
}

.wdt-content-image:not(:last-child) {
	margin-bottom: 20px;
}

.wdt-content-image-link:before {
	content: "";
	height: 100%;
	margin-top: 10%;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 1;
	transform: rotate(190deg);
	transition: all 0.3s linear 0s;
	backface-visibility: hidden;
	background-color: var(--color-main);
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 900 680' style='enable-background:new 0 0 900 680;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M174.6,665.1c25.6,4.6,48.5,5.5,69,3.7c20.6-1.8,38.9-6.4,55.5-12.9c15.7-6.3,29.9-14.2,43.2-23.5 c33.7-23.1,57.2-53.4,86.8-82.3c23.3-23.4,55.9-37.8,90.4-29.4c21.9,3.8,44.1,11.8,65.4,15.6c57.1,10.7,116,5.7,168.5-15.2 c15.9-6.2,31.1-13.8,45.1-22.6c42.1-26.4,73.9-63.9,85.3-109.9C911,278.3,837,174.1,752,101.7C740,92,727.1,82.9,713.6,74.4 c-17.2-10.8-35.1-20.1-53.5-28s-37.4-14.5-56.8-19.7c-86-22.3-179.2-22.1-264.9,2.7c-56.6,16.4-107.6,44.7-150.2,81 c-14.2,12.1-27.5,25.1-39.9,38.8C77.4,227.6,39.1,326.5,36.1,427.9c-2.7,78.8,10.2,169.7,86.1,218.4 C137.1,655.1,154.5,661.5,174.6,665.1z'/%3E%3C/g%3E%3Cellipse transform='matrix(0.6706 -0.7418 0.7418 0.6706 -176.0597 109.9474)' cx=' 35.8' cy=' 253.2' rx=' 24.2' ry=' 25.9'/%3E%3C/g%3E%3C/svg%3E%0A");
	-webkit-mask-size: contain;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 900 680' style='enable-background:new 0 0 900 680;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M174.6,665.1c25.6,4.6,48.5,5.5,69,3.7c20.6-1.8,38.9-6.4,55.5-12.9c15.7-6.3,29.9-14.2,43.2-23.5 c33.7-23.1,57.2-53.4,86.8-82.3c23.3-23.4,55.9-37.8,90.4-29.4c21.9,3.8,44.1,11.8,65.4,15.6c57.1,10.7,116,5.7,168.5-15.2 c15.9-6.2,31.1-13.8,45.1-22.6c42.1-26.4,73.9-63.9,85.3-109.9C911,278.3,837,174.1,752,101.7C740,92,727.1,82.9,713.6,74.4 c-17.2-10.8-35.1-20.1-53.5-28s-37.4-14.5-56.8-19.7c-86-22.3-179.2-22.1-264.9,2.7c-56.6,16.4-107.6,44.7-150.2,81 c-14.2,12.1-27.5,25.1-39.9,38.8C77.4,227.6,39.1,326.5,36.1,427.9c-2.7,78.8,10.2,169.7,86.1,218.4 C137.1,655.1,154.5,661.5,174.6,665.1z'/%3E%3C/g%3E%3Cellipse transform='matrix(0.6706 -0.7418 0.7418 0.6706 -176.0597 109.9474)' cx=' 35.8' cy=' 253.2' rx=' 24.2' ry=' 25.9'/%3E%3C/g%3E%3C/svg%3E%0A");
	mask-size: contain;
	mask-position: center;
	mask-repeat: no-repeat;
}

.wdt-content-image-link>img {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 900 680' style='enable-background:new 0 0 900 680;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M174.6,665.1c25.6,4.6,48.5,5.5,69,3.7c20.6-1.8,38.9-6.4,55.5-12.9c15.7-6.3,29.9-14.2,43.2-23.5 c33.7-23.1,57.2-53.4,86.8-82.3c23.3-23.4,55.9-37.8,90.4-29.4c21.9,3.8,44.1,11.8,65.4,15.6c57.1,10.7,116,5.7,168.5-15.2 c15.9-6.2,31.1-13.8,45.1-22.6c42.1-26.4,73.9-63.9,85.3-109.9C911,278.3,837,174.1,752,101.7C740,92,727.1,82.9,713.6,74.4 c-17.2-10.8-35.1-20.1-53.5-28s-37.4-14.5-56.8-19.7c-86-22.3-179.2-22.1-264.9,2.7c-56.6,16.4-107.6,44.7-150.2,81 c-14.2,12.1-27.5,25.1-39.9,38.8C77.4,227.6,39.1,326.5,36.1,427.9c-2.7,78.8,10.2,169.7,86.1,218.4 C137.1,655.1,154.5,661.5,174.6,665.1z'/%3E%3C/g%3E%3Cellipse transform='matrix(0.6706 -0.7418 0.7418 0.6706 -176.0597 109.9474)' cx='35.8' cy='253.2' rx='24.2' ry='25.9'/%3E%3C/g%3E%3C/svg%3E%0A");
	-webkit-mask-size: 100%;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 900 680' style='enable-background:new 0 0 900 680;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M174.6,665.1c25.6,4.6,48.5,5.5,69,3.7c20.6-1.8,38.9-6.4,55.5-12.9c15.7-6.3,29.9-14.2,43.2-23.5 c33.7-23.1,57.2-53.4,86.8-82.3c23.3-23.4,55.9-37.8,90.4-29.4c21.9,3.8,44.1,11.8,65.4,15.6c57.1,10.7,116,5.7,168.5-15.2 c15.9-6.2,31.1-13.8,45.1-22.6c42.1-26.4,73.9-63.9,85.3-109.9C911,278.3,837,174.1,752,101.7C740,92,727.1,82.9,713.6,74.4 c-17.2-10.8-35.1-20.1-53.5-28s-37.4-14.5-56.8-19.7c-86-22.3-179.2-22.1-264.9,2.7c-56.6,16.4-107.6,44.7-150.2,81 c-14.2,12.1-27.5,25.1-39.9,38.8C77.4,227.6,39.1,326.5,36.1,427.9c-2.7,78.8,10.2,169.7,86.1,218.4 C137.1,655.1,154.5,661.5,174.6,665.1z'/%3E%3C/g%3E%3Cellipse transform='matrix(0.6706 -0.7418 0.7418 0.6706 -176.0597 109.9474)' cx='35.8' cy='253.2' rx='24.2' ry='25.9'/%3E%3C/g%3E%3C/svg%3E%0A");
	mask-size: 100%;
	mask-position: center;
	mask-repeat: no-repeat;
	z-index: 2;
	height: auto;
}

.wdt-content-item .wdt-content-icon-wrapper {
	bottom: 0;
	transform: translate(50%, 15%);
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 1;
}

.wdt-content-item:hover {
	color: var(--color-main);
}

.wdt-content-item:hover .wdt-content-image-link:before {
	opacity: 1;
	margin-top: 0;
}

.wdt-content-item:hover .wdt-content-ttl>a {
	color: var(--color-main);
}

.wdt-content-item:hover .wdt-content-group:before {
	opacity: 1;
	top: 50%;
}

.wdt-content-icon {
	display: inline-flex;
	justify-content: inherit;
}

.wdt-content-icon-wrapper .wdt-content-icon span {
	font-size: 160px;
	color: #000000;
}

.wdt-content-icon span {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 2rem;
	height: 1em;
	line-height: 1;
	padding: 5px;
	position: relative;
	text-align: center;
	vertical-align: top;
	width: 1em;
	z-index: 0;
}

.wdt-content-icon span svg {
	fill: currentColor;
	height: 1em;
	width: 1em;
}

.wdt-content-detail-group {
	position: relative;
}

.wdt-content-group {
	padding: 0% 5% 0% 5%;
	position: relative;
	z-index: 0;
	-webkit-transition: inherit;
	transition: inherit;
}

.wdt-content-group:before {
	content: "";
	/* background-color: #f9f9f8; */
	background-color: white;
	height: auto;
	margin-left: 4%;
	margin-top: -4%;
	opacity: 0;
	padding-top: 100%;
	pointer-events: none;
	position: absolute;
	left: 50%;
	top: 0;
	width: 90%;
	z-index: -1;
	transform: rotate(-5deg) translate(-50%, -50%);
	transform-origin: left top;
	transition: all 0.3s linear 0s;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 931 680' style='enable-background:new 0 0 931 680;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M805.7,27.1C754.3,7.1,696.6,7.1,645.1,28.3C605,45.1,571,73.4,531.9,92.6c-30.3,15.2-63.2,25.1-96,20 C399,106.9,366.1,89.4,331,77.4c-16.2-5.3-32.6-9.2-49.3-11.4c-16.7-2.1-33.6-2.5-50.7-0.6c-14.4,1.5-28.9,4.5-43.4,9.2 C95.9,104.5,20.7,189.2,10.4,294.1C-3.4,433.8,84.9,562.4,197.1,618.3c14.7,7.6,29.6,14.3,44.8,20.3c38.5,13.9,79.9,25,121.7,30.2 c20.9,2.6,41.9,3.6,62.7,2.8c57.8-0.5,114.4-24.8,152-75.1c26.7-35.1,51.1-67.1,81.8-97.4c48.2-48.3,106.3-71.4,162.9-104.2 c62.4-35.9,99.3-109,95.8-184.6c0-20.9-2-41.7-6.5-61.5c-9-39.5-28-74.9-60.5-98.6C839.1,40.7,823.9,32.9,805.7,27.1z'/%3E%3C/g%3E%3C/svg%3E");
	-webkit-mask-size: contain;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 931 680' style='enable-background:new 0 0 931 680;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M805.7,27.1C754.3,7.1,696.6,7.1,645.1,28.3C605,45.1,571,73.4,531.9,92.6c-30.3,15.2-63.2,25.1-96,20 C399,106.9,366.1,89.4,331,77.4c-16.2-5.3-32.6-9.2-49.3-11.4c-16.7-2.1-33.6-2.5-50.7-0.6c-14.4,1.5-28.9,4.5-43.4,9.2 C95.9,104.5,20.7,189.2,10.4,294.1C-3.4,433.8,84.9,562.4,197.1,618.3c14.7,7.6,29.6,14.3,44.8,20.3c38.5,13.9,79.9,25,121.7,30.2 c20.9,2.6,41.9,3.6,62.7,2.8c57.8-0.5,114.4-24.8,152-75.1c26.7-35.1,51.1-67.1,81.8-97.4c48.2-48.3,106.3-71.4,162.9-104.2 c62.4-35.9,99.3-109,95.8-184.6c0-20.9-2-41.7-6.5-61.5c-9-39.5-28-74.9-60.5-98.6C839.1,40.7,823.9,32.9,805.7,27.1z'/%3E%3C/g%3E%3C/svg%3E");
	mask-size: contain;
	mask-position: center;
	mask-repeat: no-repeat;
}

ul.wdt-social-icons-list {
	display: flex;
	gap: 8px;
	justify-content: center;
}

ul.wdt-social-icons-list li>a {
	background: var(--color-main2);
	color: white;
	padding: 0 6px 0 0;
	margin: 0px 3px;
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 55% 45% 62% 38% / 42% 40% 60% 58%;
	transition: all 0.3s linear 0s;
}

ul.wdt-social-icons-list li>a:hover {
	background: var(--color-main);
}

ul.wdt-social-icons-list li>a svg path {
	fill: currentColor;
}

.wdt-content-ttl {
	font-size: 24px;
	font-weight: 700;
}

.wdt-content-description {
	color: #333;
}

.wdt-content-description p:not(:last-child),
.wdt-content-description ul li:not(:last-child) {
	margin-bottom: 10px;
}

.wdt-content-description ul {
	margin-left: 18px;
}

.wdt-content-description ul li {
	list-style: disc;
}

.wdt-content-description:not(:last-child) {
	margin-bottom: 10px;
}

.wdt-content-ttl>a {
	color: var(--color-main2);
}

.student-achievements {
	background: linear-gradient(to right, #33af4a, #33af8a);
	padding: 50px 0;
	overflow: hidden;
}

.student-achievements>.ctnr {
	max-width: 950px;
}

.student-achievements__brief {
	color: white;
	font-size: 25px;
	font-weight: 700;
	font-family: var(--font-heading-family);
}

.student-achievements__icon {
	position: absolute;
	z-index: -1;
}

.student-achievements__icon img {
	max-width: 160px;
}

.student-achievements__icon.icon1 {
	left: -19%;
	bottom: 10%;

}

.student-achievements__icon.icon2 {
	right: -12%;
	top: 10%;

}

.achievements-slide {
	margin-bottom: 20px;
	margin-top: 30px;
}

.achievements-slide__item {
	padding-top: 45px;
}

.achievements-slide__brief {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;

}

.achievements-slide__wrap {
	border-radius: 999px 999px 99px 99px;
	position: relative;
	padding: 32px;
	background: white;
}

.achievements-slide__king {
	position: absolute;
	left: 50%;
	bottom: calc(100% - 1px);
	transform: translateX(-50%);
}

.achievements-slide__img {
	position: relative;
	margin-bottom: 20px;
}

.achievements-slide__img-icon {
	width: 60px;
	height: 75px;
	position: absolute;
	top: 50%;
	left: -10px;
	transform: translateY(-50%);
}

.achievements-slide__img-child {
	border-radius: 50%;
	overflow: hidden;
	position: relative;
}

.achievements-slide__img-child::after {
	content: "";
	padding-top: 100%;
	display: block;
}

.achievements-slide__img-child img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.achievements-slide__ct {
	text-align: center;
}

.achievements-slide__ttl {
	font-size: 24px;
	font-weight: 700;
	color: var(--color-main);
	margin-bottom: 10px;
}

.sec-why {
	background: #f2f0f4;
	padding: 50px 0;
}

.sec-why .line svg path {
	fill: #f8f5f0;
}

.why-list {}

.why-list__item {
	align-items: center;
	--gutter: 30px;
	gap: 20px 0;
}

.why-list__item:not(:last-child) {
	margin-bottom: 50px;
}

.why-list__item:nth-child(2n) {
	flex-direction: row-reverse;
}

.why-list__img {}

.why-list__img a {
	padding-bottom: 60.67%;
	border-radius: 25px;
	overflow: hidden;
}

.why-list__img a img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.why-list__img a::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgb(0 0 0 / 16%);
	z-index: 1;
}

.why-list__decs {
	text-align: justify;
}

.why-list__decs p:not(:last-child) {
	margin-bottom: 10px;
}

.btn-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.btn-play svg {
	width: 50px;
	height: 50px;
}

.btn-play svg path {
	fill: white;
}

.why-list__ttl {
	font-size: 48px;
	font-weight: 700;
	color: var(--color-main);
	margin-bottom: 10px;
}

.why-list__ttl>* {
	display: block;
}

.why-list__ttl-lg {
	color: var(--color-main2);
	font-size: 36px;
}

.why-list {}

.student-products {
	background: var(--color-main);
	padding: 50px 0;
	overflow: hidden;
}

.ctnr.p-relative {
	z-index: 1;
}

.student-products__icon {
	position: absolute;
	z-index: -1;
}

.student-products__icon img {
	max-width: 240px;
}

.student-products__icon.icon1 {
	right: calc(100% - 130px);
	bottom: -4%;
}

.student-products__icon.icon2 {
	left: calc(100% - 182px);
	top: -4%;
}

.student-products .c-title__xl {
	color: white;
}

.student-products .c-title__icon {
	fill: white;
}

.student-products .common-arrow .slick-arrow svg {
	fill: white;
}

.student-products .line svg path {
	fill: #f2f0f4;
}

.products-video {}

.js-products-video {
	max-width: 980px;
	margin: 0 auto;
}

.products-video__video {
	background: linear-gradient(to right, #f7f651, #f30503, #f89036);
	border-radius: 24px;
	padding: 8px;
	width: 75%;
	max-width: 800px;
	margin: 0 auto 20px;
}

.products-video__video>a {
	padding-bottom: 50%;
	border-radius: 30px;
	overflow: hidden;
}

.products-video__video>a img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;

}

.sec-register {
	background: linear-gradient(to right, #33af4a, #33af8a);
	padding: 80px 0 30px;
}

.sec-register__left {
	color: white;
}

.sec-register__brief:not(:last-child) {
	margin-bottom: 20px;
}

.sec-register__brief p:not(:last-child),
.sec-register__brief li:not(:last-child) {
	margin-bottom: 10px;
}

.sec-register__brief ul {
	margin-left: 18px;
}

.sec-register__brief ul li {
	list-style: disc;
}

.sec-register .c-title__xl {
	color: white;
}

.sec-register__info {
	background: white;
	border-radius: 24px;
	padding: 24px 32px;
	color: var(--color-main);
}

.box-form {
	background: #f0f4f1;
	padding: 24px;
}

.box-form__desc {}

.box-form__desc-ttl {
	color: var(--color-main2);
	text-align: center;
	font-size: 24px;
}

.box-form__desc-ttl:not(:last-child) {
	margin-bottom: 15px;
}

.box-form__group {
	gap: 10px 0;
}

.box-form__group:not(:last-child) {
	margin-bottom: 14px;
}

.box-form__group .form-control {
	height: 42px;
	border: 1px solid #e9e9e9;
	border-radius: 0px;
}

.box-form__group textarea.form-control {
	height: 120px;
	width: 100%;
}

.box-form__desc-img {
	text-align: center;
}

.box-form__desc-text {
	font-size: 24px;
	text-align: center;
	color: var(--color-main);
	font-weight: 700;
	margin-bottom: 24px;
}

.products-video__ct {
	text-align: center;
	color: white;
}

.products-video__ttl {
	margin-bottom: 10px;
}

.box-form__btn {
	background: #016fb9;
	color: #fff;
	font-size: 17px;
	text-transform: uppercase;
	width: fit-content;
	margin: 0 auto;
	display: flex;
	padding: 11px 23px;
	font-family: var(--font-family);
	border-radius: 5px;
}

.sec-partner {
	padding: 30px 0;
	background: #f8f5f0;
}

.partner-slide {
	border: 7px solid var(--color-main);
	border-radius: 40px;
	background: #fff;
	padding: 20px;
	margin-top: 20px;
}

.partner-slide__link {
	padding-bottom: 50%;
	display: block;
	position: relative;
}

.partner-slide__link img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: contain;
}

@media (max-width: 768px) {
	.container {
		margin: 10px;
		border-radius: 12px;
	}

	.header {
		padding: 20px;
	}

	.header h1 {
		font-size: 24px;
	}

	.faq-question {
		padding: 10px 15px;
	}

	.question-text {
		font-size: 16px;
	}

	.answer-content {
		padding: 10px 15px;
		font-size: 15px;
	}
}

.fade-in {
	animation: fadeIn 0.6s ease-in;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(20px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(var(--rotate-angle, 360deg));
		transform: rotate(var(--rotate-angle, 360deg));
	}
}

@keyframes rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(var(--rotate-angle, 360deg));
		transform: rotate(var(--rotate-angle, 360deg));
	}
}

@keyframes bounceInUp {

	from,
	60%,
	75%,
	90%,
	to {
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	from {
		opacity: 0;
		transform: translate3d(0, 1500px, 0) scaleY(5);
	}

	60% {
		opacity: 1;
		transform: translate3d(0, -20px, 0) scaleY(0.9);
	}

	75% {
		transform: translate3d(0, 10px, 0) scaleY(0.95);
	}

	90% {
		transform: translate3d(0, -5px, 0) scaleY(0.985);
	}

	to {
		transform: translate3d(0, 0, 0);
	}
}

@media (min-width: 1200px) {
	.section_testimonials .testimonials-flex .testimonials-image {
		width: 50%;
		/* height: 100%; */
	}
}

@media (min-width: 1200px) {
	.section_testimonials .testimonials-flex .testimonials-carousel {
		width: 50%;
		padding: 10px 15px 10px 15px;
	}
}

@media (min-width: 1800px) {
	.md_slider__thumb .slick-dots {
		display: block;
	}
}

@media (min-width: 990px) {
	.booking-input-box {
		width: calc(83% / 6);
	}

	.section-form-books {
		width: 95%;
	}
}

@media (min-width: 1400px) {
	.booking-input-box {
		width: calc(88% / 6);
	}

	.section-form-books {
		width: 84%;
	}
}

@media (min-width: 1800px) {
	.booking-input-box {
		width: calc(96% / 6);
	}
}

@media (max-width: 1100px) {
	.main-contact .row {
		gap: 10px 0px;
	}

	.booking-input-box {
		width: calc(83% / 3);
		padding: 10px 10px;
	}

	.section-form-books {
		width: 95%;
	}

	.booking-button button {
		padding: 20px 50px;
	}
}

@media (max-width: 990px) {
	.slide-mv__ct-brief {
		padding: 10px 15px;
		font-size: 15px;
	}

	.slide-mv__ct-brief:not(:last-child) {
		margin-bottom: 5px;
	}

	.slide-mv__ct-ttl {
		font-size: 22px;
		max-width: 350px;
		margin-bottom: 10px;
	}

	.slide-mv__ct-logo img {
		display: inline-block;
		max-width: 77px;
		width: 40%;
		margin-top: 15px;
	}

	.number-highlight {
		margin-top: 0;
	}

	.field.member-number {
		width: 30%;
	}

	.number-highlight__grid-number {
		font-size: 28px;
	}

	.number-highlight__grid-txt {
		font-size: 12px;
	}

	.field.category-tour {
		width: 70%;
	}

	.aboutus_in {
		flex-wrap: wrap;
		gap: 20px 0px;
	}

	.aboutus-img {
		padding-left: 0px;
	}

	section.blogs {
		padding: 5rem 0px 3rem;
	}

	.about-heading {
		font-size: 25px;
		margin-bottom: 5px;
	}

	.hero-image-collge-wrap {
		padding-left: 0px;
	}

	.hedding-architec .desc {
		width: 98%;
	}

	.hedding-architec h3 {
		font-size: 27px;
	}

	.why_choose_title {
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}

	.section-main-title .te-title {
		font-size: 27px;
	}

	.tab-btn-box {
		width: 100%;
	}

	.section-main-title {
		width: 100%;
	}

	.section-main-title .sub-title {
		font-size: 25px;
	}

	section.list-create .title-section {
		font-size: 25px;
	}

	.list-create .sub-title.te-subtitle {
		font-size: 25px;
	}

	.home-sale__box {
		background-repeat: no-repeat;
		background-size: cover;
	}

	.home-sale__ttl {
		margin-bottom: 0rem;
	}

	.section-title.side-left.has-control h2 {
		font-size: 22px;
		text-align: center;
	}

	section.blogs .sub-title {
		font-size: 20px;
	}

	.hedding-architec h3 {
		font-size: 24px;
	}

	.hero-image-collge-wrap {
		padding-left: 0px;
	}

	.section-index .section-title.side-left.has-control {
		flex-direction: column;
		text-align: center;
		padding-right: 10px;
	}

	.hedding-architec .desc {
		width: 98%;
	}

	section.why_choose .collection-hedding h2,
	.block-title .sub-title,
	.collection-hedding h2,
	.section-header__content h2 {
		font-size: 30px;
	}

	.about__image-sm {
		position: absolute;
	}

	.about__image-sm img {
		width: 200px;
		height: 200px;
		object-fit: cover;
		border-radius: 10px;
	}

	.md_slider__item__ct {
		display: none;
	}

	.md_slider__circle {
		display: none;
	}

	.md_slider__item__img:after {
		background: none !important;
	}

	.choose_img .pbtn h2 {
		font-size: 23px;
	}

	.about__content {
		padding-right: 0px;
		margin-bottom: 25px;
	}

	a.news-cat.shadow-sm strong {
		font-size: 10px;
	}

	i.hicon-assembly-restaurant-line img {
		width: 100%;
		height: auto;
	}

	.md_slider__item__img img {
		min-height: unset;
		height: unset;
	}

	section.about.about--shape {
		padding-bottom: 30px;
	}

	.about__image-sm {
		right: 11px;
		bottom: -33px;
		position: absolute;
		animation: floating 4s linear alternate infinite;
		border-radius: 10px;
		overflow: hidden;
	}

	.section-form-books {
		position: unset;
		transform: unset;
		margin: 0 auto;
	}

	.booking-input-box {
		width: 30%;
		margin: 0 11px 25px;
	}

	.main-contact .row {
		flex-wrap: wrap;
		gap: 15px 0px;
	}

	.about__item-inner {
		display: block;
		text-align: center;
	}

	.about__item-content {
		width: 100%;
	}

	.about__item-thumb {
		margin: 0 auto 10px;
	}

	section.collection .row {
		justify-content: center;
	}

	.slide-mv__img img {}

	.aboutus-img__child {
		left: 50%;
		height: 100%;
		width: 100%;
		max-width: 550px;
		transform: translateX(-50%);
	}

	.aboutus-img__child img {
		-webkit-mask-size: contain;
		height: 100%;
		width: 100%;
	}

	.slide-mv__info {
		bottom: 40%;
	}

	.box-form__group:not(:last-child) {
		margin-bottom: 10px;
	}
}

@media (max-width: 768px) {

	.banner-desktops:after {
		content: '';
		background: none;
		display: none;
	}

	.bookings__desktop button {
		width: 100%;
	}

	.bookings__desktop form {
		padding: 5px 10px;
	}

	.choose_img img {
		width: 100%;
	}

	.choose_img {
		height: 260px;
		overflow: hidden;
	}

	.booking-input-box {
		width: 100%;
		margin: 0 0px 5px;
		padding: 5px 20px;
	}

	.booking-button button {
		padding: 10px 20px;
	}

	.booking-button {
		margin-left: 0px;
	}

	.common-header h2 {
		font-size: 27px;
		margin: 0;
	}

	.about__content p {
		margin-bottom: 0px;
		padding-bottom: 10px;
	}

	.desc-videos {
		width: 99%;
		font-size: 15px;
	}

	h2.special-font-body-emphasis {
		font-size: 31px;
	}

	span.h-sub-font {
		font-size: 15px;
	}

	.section-header__content p {
		width: 100%;
		margin: 0;
	}

	.section-header__content h2 {
		font-size: 27px;
		margin-bottom: 0;
	}

	.collection-hedding h2 {
		font-size: 27px;
	}

	span.Modern-hedding {
		font-size: 15px;
	}

	.placerat-desc p {
		font-size: 15px;
	}

	.collection-hedding h2 {
		font-size: 27px;
	}

	section.why_choose .collection-hedding h2,
	.block-title .sub-title,
	.collection-hedding h2,
	.section-header__content h2 {
		font-size: 22px;
	}

	a.room-title-link {
		font-size: 27px;
	}

	.choose_img {
		margin-left: 0px;
	}

	.choose_img .pbtn svg {
		width: 28px;
		height: 28px;
	}

	.custom-btn {
		font-size: 15px;
		padding: 6px 20px;
	}

	.block-title h2 {
		font-size: 27px;
		padding: 0px;
	}

	.splide__track button svg {
		width: 15px;
		height: 15px;
	}

	.splide__track {
		margin-left: 0px;
	}

	button.slick-next-blogs.slick-arrow {
		width: 30px;
		height: 30px;
		top: 50%;
		left: 0;
	}

	button.slick-prev-blogs.slick-arrow {
		width: 30px;
		height: 30px;
		top: 50%;
		right: 0;
	}

	.about__wrapper .row .clm:nth-child(2) {
		order: 1;
	}

	.about__wrapper .row .clm:nth-child(1) {
		order: 2;
	}

	.about__image {
		margin-bottom: 30px;
	}

	.md_slider__item__ct {
		display: none;
	}

	.md_slider__circle {
		display: none;
	}

	.md_slider__item__img:after {
		background: none !important;
	}

	.btn-flex-box {
		text-align: center;
		margin-top: 0;
	}

	.sec-partner {
		padding: 15px 0;
	}
}

.heading-common__brief {
	max-width: 60%;
	margin: auto;
	line-height: 1.5;
}

@media (max-width: 767px) {
	.heading-common__brief {
		max-width: 100%;
	}

	.single-gallery h4 {
		opacity: 1;
	}

	.single-gallery h4 a {
		font-size: 20px;
	}

	section.blogs .sub-title {
		font-size: 17px;
	}

	.clm.bets-friens {
		padding-top: 30px;
		margin-bottom: 20px;
	}

	.icon-common img {
		max-width: 65px;
	}



	.student-achievements__brief {
		font-size: 20px;
		line-height: 1.3;
	}

	.student-products {
		padding-bottom: 20px;
	}

	.products-video__video {
		max-width: 100%;
	}

	.products-video__ttl {
		font-size: 20px;
	}

	.student-achievements__icon img {
		width: 100px;
	}

	.student-achievements__icon.icon1 {
		left: -14%;
		bottom: -6px;
	}

	.student-achievements__icon.icon2 {
		right: -3%;
		top: -3%;
	}

	.question-block__ttl {
		font-size: 28px;
	}

	.question-block__subttl {
		font-size: 20px;
	}

	.c-title {
		font-size: 28px;
	}

	.heading-common {
		margin-bottom: 20px;
	}


	.wdt-content-image:not(:last-child) {
		margin-bottom: 0;
	}

	.why-list__ttl {
		font-size: 26px;
	}

	.why-list__ttl-lg {
		font-size: 22px;
	}

	.why-list__item:not(:last-child) {
		margin-bottom: 30px;
	}

	.student-products__icon img {
		max-width: 120px;
	}

	.box-form__desc-ttl,
	.box-form__desc-text {
		font-size: 17px;
	}

	.sec-register {
		padding: 40px 0 50px;
	}

	.achievements-slide__wrap {
		padding: 15px;
	}

	.achievements-slide__ttl {
		font-size: 18px;
	}

	section.room.bg--section-color .products-card-content h3 {
		font-size: 20px;
	}

	.common-arrow .slick-arrow svg {
		width: 25px;
		height: 25px;
	}

	.common-arrow .slick-next {
		right: -8px
	}

	.common-arrow .slick-prev {
		left: -8px
	}
}

@media (max-width: 550px) {
	.newsletter.newsletter--lowerd .form-control {
		width: 68%;
	}

	.newsletter .subscribe-btn {
		width: 32%;
	}
}

@media (max-width: 990px) {
	.aboutus-content h2 {
		font-size: 25px;
	}

	.title_search_home h2 {
		font-size: 17px;
	}

	.bookings__desktop {
		width: 100%;
		margin-top: 0px;
		padding-bottom: 60px;
	}

	section.bookings {
		position: unset;
		width: 100%;
	}


	.btn-datve a {
		display: inline-block;
	}

	.tab-tourt-ve ul li {
		display: flex;
		align-items: center;
	}

	.bookings__desktop .selector select {
		position: unset;
	}

	.form-group>.d-flex {
		gap: 10px 0;
	}

	section.aboutus {
		padding-top: 20px;
		padding-bottom: 1px;
	}

	.banner-desktops .slick-dotted.slick-slider {
		margin-bottom: 0px;
	}

	.btn-about-div-vi {
		margin: 0 auto;
	}

	figure.image-hover.image-hover-overlay img {
		height: 229px;
	}



	.hero-text-1 {
		padding-top: 0vh;
	}

	.box-action-architec {
		padding: 24px 23px;
	}

	.desc-architec p {
		padding: 10px 0px;
	}
}

@media (max-width: 790px) {
	.scroll-list::-webkit-scrollbar-thumb {
		background-color: #000000;
		border: 2px solid #555555;
		height: 0px;
	}
}

.scroll-list::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #f5f5f5;
}

.scroll-list::-webkit-scrollbar {
	width: 10px;
	height: 0px;
	background-color: #f5f5f5;
}

.scroll-list ul {
	width: 100%;
	max-width: fit-content;
	min-width: max-content;
}

.scroll-list {
	overflow-x: scroll;
}

footer.footers2 .footers2-wrap .footers2-top .footers2-top-one {
	width: 180px;
	margin: 0 auto;
}

a.news-cat.shadow-sm {}

/* .news.hover-effect {
	padding-right: 0;
} */

.section_feedback .avatar {
	width: 88px;
	height: 88px;
}

a.news-link {
	font-size: 18px;
}

.product-view {
	padding: 10px 0;
}

.tab-btn-box ul {
	justify-content: center;
}

.home-sale__ttl>span {
	font-size: 25px;
	line-height: 1.2;
	padding: 5px 0;
}

.section_feedback .block-content {
	padding-left: 15px;
}

.box-action-architec {
	padding: 24px 37px;
}

.desc-architec h3 {
	padding: 0 10px;
}

.news-date {
	display: none;
}

section.room.bg--section-color.giavetau .desc p {
	padding-bottom: 0px;
}

section.room.bg--section-color.giavetau .line svg path {
	fill: white;
}














.support-form-options {
	display: flex;
	flex-wrap: wrap;
	/* padding: 20px; */
	border-radius: 20px;
	overflow: hidden;
}

.ctnr.page-support {
	margin-top: 20px;
}

a.support-form-option {
	border-bottom: 1px solid #eaeaea;
	display: block;
	margin: 0;
	padding: 48px 12px;
	text-align: center;
	flex: 1 0 33%;
	font-size: 16px;
	border-right: 1px solid #eaeaea;
}

span.support-form-option-icon {
	height: 66px;
	margin: 0 0 16px;
	width: 96px;
	display: inline-block;
	margin-bottom: 10px;
	display: inline-block;
}

span.support-form-option-icon svg {
	fill: #bfeecd;
}

span.support-form-option-icon svg path {
	fill: #bfeecd;
	stroke: #bfeecd;
}

span.support-form-option-text {
	font-size: 16px;
	align-self: center;
	color: #333;
	display: block;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.42857143;
}


a.support-form-option:nth-child(-n+3) {
	border-bottom: 1px solid #eaeaea;
	display: block;
	margin: 0;
	padding: 48px 12px;
	text-align: center;
}

.support-form-option:last-child,
.support-form-option:nth-child(3) {
	border-right: none;
}

.card.support-form {
	border: none;
}


.slide-mv__ct-brief p {
	padding: 0;
	line-height: 1.2;
}

.slide-mv__ct-brief:not(:last-child) {
	margin-bottom: 20px;
}

section.service-info-section .dotted-line {
	position: absolute;
	top: 44px;
	left: 50%;
	transform: translateX(-50%);
	width: 2px;
	height: 80px;
	background: linear-gradient(to bottom, transparent 0%, transparent 20%, #4facfe 20%, #4facfe 80%, transparent 80%, transparent 100%);
	background-size: 2px 8px;
	background-repeat: repeat-y;
}

section.service-info-section .top-circle {
	position: absolute;
	top: 25px;
	left: 50%;
	transform: translateX(-50%);
	width: 20px;
	height: 20px;
	background: linear-gradient(135deg, #00f2fe 0%, #4facfe 100%);
	border-radius: 50%;
	box-shadow: 0 4px 12px rgba(79, 172, 254, 0.3);
}

section.service-info-section .card {
	background: #ffffff;
	border-radius: 15px;
	/* box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); */
	/* overflow: hidden; */
	position: relative;
	filter: drop-shadow(2px 4px 6px #eee);
}

section.service-info-section .card-header {
	background: linear-gradient(135deg, #00f2fe 0%, #4facfe 50%, #1e3c72 100%);
	padding: 20px 30px;
	text-align: center;
	position: relative;
	border-radius: 10px 10px 0px 0px;
	overflow: hidden;
}

section.service-info-section .card-header::before {
	content: '';
	position: absolute;
	/* top: 0; */
	left: 0;
	right: 0;
	/* bottom: 0; */
	background: linear-gradient(135deg, rgba(0, 242, 254, 0.9) 0%, rgba(79, 172, 254, 0.9) 50%, rgba(30, 60, 114, 0.9) 100%);
}

section.service-info-section .icon-container {
	position: relative;
	z-index: 2;
	margin-bottom: 20px;
}

section.service-info-section .icon {
	width: 60px;
	height: 60px;
	background: rgba(255, 255, 255, 0.2);
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	backdrop-filter: blur(10px);
}

section.service-info-section .icon svg {
	width: 24px;
	height: 24px;
	fill: white;
}

section.service-info-section .card-text {
	color: white;
	font-size: 15px;
	line-height: 1.6;
	margin: 0;
	position: relative;
	z-index: 2;
	opacity: 0.95;
}

section.service-info-section .card-footer {
	/* background: white; */
	padding: 12px 30px;
	text-align: center;
	overflow: hidden;
}

section.service-info-section .step-label {
	color: #4facfe;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 2px;
	margin: 0;
	TEXT-TRANSFORM: UPPERCASE;
}

.card:before {
	content: "";
	position: absolute;
	left: 46%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #4facfe;
	top: -15px;
	transform: rotate(180deg);
	z-index: 9;
}

section.service-info-section .card-container {
	position: relative;
	padding: 135px 8px 90px;
}

.product-description {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #333;
}

.title-data-product {
	text-align: center;
	padding: 10px;
	font-size: 20px;
	background: #fff;
	font-weight: 600;
	padding-bottom: 20px;
}

.clinic-section {
	margin: 0 auto;
	background: #eae7e730;
	padding: 30px 0px;
}

.clinic-section .section-header {
	text-align: center;
	position: relative;
}

.clinic-section .section-title {
	font-size: 43px;
	font-weight: 700;
	background: #016fb9;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	text-transform: uppercase;
}

.clinic-section .section-subtitle {
	font-size: 16px;
	color: rgb(0 0 0 / 90%);
	max-width: 600px;
	margin: 0 auto;
	font-weight: 300;
}

.clinic-section .clinics-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
	gap: 15px;
	margin-top: 30px;
}

.clinic-section .clinic-card {
	background: rgba(255, 255, 255, 0.95);
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	cursor: pointer;
	position: relative;
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.clinic-section .clinic-card::before {}

.clinic-section .clinic-card:hover {
	transform: translateY(-15px) scale(1.02);
	box-shadow: 0 30px 60px rgba(0, 0, 0, 0.2);
}

.clinic-section .clinic-card:hover::before {
	opacity: 1;
}

.clinic-section .clinic-image {
	width: 100%;
	height: 250px;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.clinic-section .clinic-card:hover .clinic-image {
	transform: scale(1.1);
}

.clinic-section .clinic-content {
	padding: 15px 30px 15px;
	z-index: 2;
}

.clinic-section .clinic-name {
	font-size: 21px;
	font-weight: 700;
	color: #2c3e50;
	margin-bottom: 12px;
	transition: color 0.3s ease;
}

.clinic-section .clinic-card:hover .clinic-name {
	color: #016fb9;
}

.clinic-section .clinic-description {
	font-style: italic;
	color: #7f8c8d;
	font-size: 14px;
	line-height: 1.6;
	transition: color 0.3s ease;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	text-overflow: ellipsis;
}

.clinic-section .clinic-card:hover .clinic-description {
	color: #34495e;
}

.clinic-section .clinic-badge {
	position: absolute;
	top: 20px;
	right: 20px;
	background: linear-gradient(45deg, #ff6b6b, #ee5a24);
	color: white;
	padding: 8px 16px;
	border-radius: 20px;
	font-size: 13px;
	font-weight: 600;
	z-index: 3;
	transform: scale(0);
	transition: transform 0.3s ease;
}

.clinic-section .clinic-card:hover .clinic-badge {
	transform: scale(1);
}

@media (max-width: 768px) {
	.clinic-section .section-title {
		font-size: 2.5rem;
	}

	.clinic-section .clinics-grid {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.clinic-section .clinic-card {
		margin: 0 10px;
	}

	.clinic-section .clinic-section {
		padding: 60px 15px;
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.clinic-section .clinic-card {
	animation: fadeInUp 0.6s ease forwards;
}

.clinic-section .clinic-card:nth-child(1) {
	animation-delay: 0.1s;
}

.clinic-section .clinic-card:nth-child(2) {
	animation-delay: 0.2s;
}

.clinic-section .clinic-card:nth-child(3) {
	animation-delay: 0.3s;
}

.clinic-section .clinic-card:nth-child(4) {
	animation-delay: 0.4s;
}

.clinic-section .clinic-card:nth-child(5) {
	animation-delay: 0.5s;
}

.clinic-section .clinic-card:nth-child(6) {
	animation-delay: 0.6s;
}

.images-products-tionem {
	overflow: hidden;
}

.images-products-tionem img {
	display: block;
}

.slick-dots li button:before {
	content: '•';
	display: none;
}

.btn-view-all-mobile {
	margin-top: 20px;
	text-align: center;
	display: none;
}

.btn-view-all-mobile button {
	display: inline-block;
	width: unset !important;
}

.tire-tabs {
	display: flex;
	padding: 8px 23px;
	position: relative;
	width: 36%;
	margin: 0 auto;
	align-items: center;
	background: #f7fafc;
	clip-path: polygon(23px 0%, 100% 0%, calc(100% - 23px) 100%, 0% 100%);
}

.tire-tabs::before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255, 255, 255, 0.05) 10px, rgba(255, 255, 255, 0.05) 20px);
}

.tire-tab.active Specificity: (0, 2, 0) {
	background: linear-gradient(135deg, #27ae60, #2ecc71);
	color: #fff;
	box-shadow: 0 6px 12px rgba(46, 204, 113, 0.3);
}

.tire-tab {
	text-align: center;
	z-index: 2;
	text-transform: uppercase;
	font-size: 14px;
	flex: 1;
	padding: 12px 24px;
	background: #e2e8f0;
	border: none;
	color: #4a5568;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	clip-path: polygon(15px 0%, 100% 0%, calc(100% - 15px) 100%, 0% 100%);
	margin-left: -10px;
	height: 44px;
}

button.tire-tab.active {
	box-shadow: 0 6px 12px rgba(46, 204, 113, 0.3);
	background: linear-gradient(135deg, #0293d6, #0361a3);
	color: white;
	z-index: 2;
	transform: scale(1.05);
	margin-left: 0;
	height: 42px;
	margin-right: 6px;
	padding: 2px 24px;
}

.list_product .item .box_item .image {
	position: relative;
}

.item-card-libertys {
	padding: 20px 10px;
}

section.block-section-liberty .list-grid-section-liberty {
	padding-top: 30px;
}

section.block-section-liberty .news-content {
	padding: 15px;
	width: 100%;
	flex: 1;
}

section.block-section-liberty .news-title {
	font-size: 19px;
	font-weight: 700;
	color: #2c3e50;
	margin-bottom: 5px;
	line-height: 1.4;
}

section.block-section-liberty .list-grid-section-liberty .news-date {
	display: flex;
	align-items: center;
	color: #055ea6;
	font-size: 13px;
	position: unset;
	width: unset;
	height: unset;
	justify-content: left;
	flex-direction: unset;
	padding: unset;
	margin-bottom: 10px;
	position: absolute;
	top: 1rem;
	right: 1rem;
	background-color: #ffffffd9;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 12px;
	line-height: 1.25;
	padding: .5rem;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	transition: all 0.3s ease-in-out;
}

section.block-section-liberty .news-excerpt {
	color: #5a6c7d;
	line-height: 1.6;
	margin-bottom: 10px;
	font-size: 14px;
}

section.block-section-liberty .read-more {
	display: inline-flex;
	align-items: center;
	color: #3498db;
	text-decoration: none;
	font-weight: 600;
	transition: all 0.3s ease;
	position: relative;
}

section.block-section-liberty .read-more::after {
	content: '→';
	margin-left: 8px;
	transition: transform 0.3s ease;
}

section.block-section-liberty .read-more {
	display: inline-flex;
	align-items: center;
	color: #3498db;
	text-decoration: none;
	font-weight: 600;
	transition: all 0.3s ease;
	position: relative;
	font-size: 14px;
}

section.block-section-liberty .news-card {
	display: flex;
	background: white;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
	position: relative;
	border: 1px solid rgba(255, 255, 255, 0.2);
}

section.block-section-liberty .images-news-card img {
	display: block;
	height: 100%;
}

section.block-section-liberty .images-news-card {
	width: 40%;
}

section.block-section-liberty {
	padding: 40px 0px;
}

.box-artifacts-test .ctnr-motor {
	display: flex;
	align-items: center;
	position: relative;
	z-index: 9;
	justify-content: space-between;
}

.box-artifacts-test .car-image {
	width: 100%;
	max-width: 500px;
	height: auto;
}

.box-artifacts-test .form-section {
	background: white;
	overflow: hidden;
	width: 40%;
	/* background: #ffffffa6; */
	backdrop-filter: blur(85px);
	box-shadow: 0 25px 50px rgb(0 0 0 / 13%);
	/* border: 1px solid rgba(255, 255, 255, 0.2); */
	margin-right: 25px;
}

.box-artifacts-test .form-header {
	text-align: center;
	padding: 20px;
	background: linear-gradient(135deg, #068ad13d, #055ea61c);
}

.box-artifacts-test .form-title {
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 0;
	font-weight: bold;
	background: linear-gradient(135deg, #0293d6, #0361a3);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.box-artifacts-test .form-subtitle {
	font-size: 15px;
	color: #fff;
	margin-bottom: 0;
	font-weight: 400;
	background: linear-gradient(135deg, #0293d6, #0361a3);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.box-artifacts-test .tab-container {
	display: flex;
	margin-bottom: 30px;
}

.box-artifacts-test .tab {
	flex: 1;
	padding: 12px 20px;
	text-align: center;
	font-weight: 500;
	cursor: pointer;
	border-bottom: 3px solid transparent;
	transition: all 0.3s ease;
}

.box-artifacts-test .tab.active {
	border-bottom-color: #2563eb;
	color: #2563eb;
}

.box-artifacts-test .tab:not(.active) {
	color: #999;
}

.box-artifacts-test .section-title {
	font-size: 16px;
	font-weight: 600;
	color: #333;
	margin-bottom: 8px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.box-artifacts-test .form-group {
	margin-bottom: 10px;
	position: relative;
}

.box-artifacts-test .form-row {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 15px;
}

.box-artifacts-test .form-group label {
	display: block;
	font-size: 14px;
	font-weight: 500;
	color: #333;
	margin-bottom: 8px;
	position: absolute;
	top: 15px;
	left: 10px;
	color: #000000a1;
	font-size: 15px;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	pointer-events: none;
	background: rgba(255, 255, 255, 0.1);
	padding: 0 8px;
	border-radius: 4px;
	backdrop-filter: blur(5px);
}

.box-artifacts-test .required {
	color: #e11d48;
}

.box-artifacts-test .form-group input,
.box-artifacts-test .form-group select,
.box-artifacts-test .form-group textarea {
	width: 100%;
	padding: 15px 16px;
	border: 1px solid #d1d5db;
	border-radius: 6px;
	font-size: 14px;
	transition: border-color 0.3s ease;
	background: #ffffffe6;
	/* backdrop-filter: blur(10px); */
}

.box-artifacts-test .form-group input:focus,
.box-artifacts-test .form-group select:focus,
.box-artifacts-test .form-group textarea:focus {
	outline: none;
	border-color: #2563eb;
}

.box-artifacts-test .form-group textarea {
	resize: vertical;
	min-height: 100px;
	font-family: unset;
	margin: 0;
}

.box-artifacts-test .char-count {
	text-align: right;
	font-size: 12px;
	color: #666;
	margin-top: 5px;
}

.box-artifacts-test .form-group select {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
	background-position: right 12px center;
	background-repeat: no-repeat;
	background-size: 16px;
	padding-right: 40px;
	appearance: none;
	color: #000000a1;
}

.box-artifacts-test .time-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
}

@media (max-width: 768px) {
	.box-artifacts-test .container {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.box-artifacts-test .form-section {
		padding: 20px 20px 0px;
	}

	.box-artifacts-test .form-row,
	.box-artifacts-test .time-row {
		grid-template-columns: 1fr;
		gap: 0px;
	}
}


section.box-artifacts-test {
	/* background: url(../images/Primavera.png); */
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left;
}

.item-images-section {
	position: relative;
}

.item-images-section .images-hover-member {
	position: absolute;
	top: 0;
	left: 50%;
	right: 0;
	bottom: 0;
	opacity: 0;
	transform: translateX(-50%);
}

.item-images-section:hover .images-hover-member {
	opacity: 1;
}

.item-images-section:hover img {
	/* opacity: 0; */
}

section.box-artifacts-test .btn-register-driver {
	display: inline-block;
	background: linear-gradient(135deg, #0293d6, #0361a3);
	margin-bottom: 0;
	width: 100%;
	font-size: 16px;
	font-weight: 700;
	height: 53px;
	letter-spacing: .1em;
	line-height: 53px;
	margin-top: 5px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	border-radius: 5px;
}

.box-artifacts-test .form-section form {
	padding: 20px 20px;
}

/* section.box-artifacts-test:before {
	background: linear-gradient(90deg, #fff .01%, #2c72c6 100.01%);
	content: "";
	height: 10px;
	left: 0;
	position: absolute;
	top: 50%;
	width: 100vw;
	z-index: 0;
} */


.box-list-item-card {
	position: relative;
	z-index: 9;
	width: 55%;
}

.project-grid__clm {
	padding-bottom: 40px;
	padding: 15px 15px 35px;
}

.box-item-project-products {
	background-color: #ffffff;
	border-radius: 10px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	box-shadow: -0.101px 0.899px 14px 0 rgba(0, 0, 0, .1);
}

.project-grid__item {
	position: relative;
	transition: all 0.5s ease;
	border-radius: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	position: relative;
	padding: 20px 20px 5px 20px;
	overflow: hidden;
	display: block;
}

.project-grid__img {
	transition: all 0.5s ease;
	margin: 0px 0px 0px 0px;
	position: relative;
	padding: 20px;
	display: block;
}

.project-grid__img::before {
	content: "";
	padding-top: calc((280 / 387) * 100%);
	display: block;
}

.project-grid__img img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: all 0.5s ease;
	opacity: 1;
	filter: blur(0px);
	transform: translatex(50%) scalex(2);
	opacity: 0;
	filter: blur(10px);
}

img.img-hover {
	opacity: 1;
	filter: unset;
	transform: unset;
}

.project-grid__img::before {
	content: "";
	padding-top: calc((280 / 387) * 100%);
	display: block;
}

.post-meta-list {
	position: absolute;
	left: 20px;
	bottom: 20px;
	background: linear-gradient(to right, rgba(255, 170, 23, 1) 0%, rgba(255, 170, 23, 0.7) 100%);
	color: #fff;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 155px;
	padding: 10px;
	text-align: center;
	line-height: 1;
	text-align: center;
}

span.meta-date {
	color: #ffffff;
	display: flex;
	gap: 0px 10px;
	align-items: center;
}

.box-pack-blog {
	padding: 0px 30px 26px 30px;
}

.project_title {}

.project_title h3 {
	margin: 10px 0 0 0;
	overflow: hidden;
	display: -webkit-box;
	font-weight: 600;
	font-size: 20px;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.desc_home {
	overflow: hidden;
	display: -webkit-box;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.5;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	margin: 10px 0;
}

.project-grid__item:hover .project-grid__img img {
	transition: all .4s ease;
	width: 100%;
	transform: translatex(0) scalex(1);
	opacity: 1;
	filter: blur(0);
	display: block;
	transition: all 500ms ease;
}

.project-grid__img:hover .img-hover {
	opacity: 0 !important;
}

.item-images-section img {
	height: 459px;
	position: relative;
	z-index: 99999;
	margin: 0 auto;
}

.item-images-section {
	text-align: center;
	height: 459px;
}

.event-elips {
	position: absolute;
	bottom: -28px;
	width: 100%;
	padding: 0px 129px;
	z-index: -1;
}

.item-images-artifacts {
	text-align: center;
	position: relative;
	z-index: 9999999;
}


.slider-images-list-form .slick-prev {
	background-image: url('../images/left_blue.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	bottom: -45px;
	right: unset;
	left: calc(50% - 100px);
	transform: translateX(-50%);
	width: 60px;
	height: 60px;
	opacity: 1;
	top: unset;
}


.slider-images-list-form .slick-next {
	background-image: url('../images/right_blue.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	bottom: -44px;
	right: calc(50% - 100px);
	left: unset;
	transform: translateX(50%);
	opacity: 1;
	width: 60px;
	height: 60px;
	top: unset;
}

.name-product-slider {
	font-weight: bold;
	background: linear-gradient(135deg, #068ad1, #055ea6);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 24px;
	position: absolute;
	bottom: -18px;
	left: 50%;
	transform: translateX(-50%);
}

.box-item-images-sliders {
	padding-bottom: 20px;
}

section.box-showroom .ctnr {
	background: rgba(255, 255, 255, 0.95);
	backdrop-filter: blur(10px);
	border-radius: 20px;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	min-height: 90vh;
	padding: unset;
}

section.box-showroom .header {
	background: linear-gradient(135deg, #068ad1, #055ea6);
	color: white;
	padding: 30px;
	text-align: center;
	position: relative;
	overflow: hidden;
}

section.box-showroom .header::before {
	content: '';
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
	animation: pulse 3s ease-in-out infinite;
}

section.box-showroom .header h1 {
	font-size: 35px;
	margin-bottom: 10px;
	position: relative;
	z-index: 1;
}

section.box-showroom .header p {
	font-size: 16px;
	opacity: 0.9;
	position: relative;
	z-index: 1;
}

section.box-showroom .main-content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	height: calc(90vh - 140px);
	gap: 0;
}

section.box-showroom .branches-section {
	padding: 30px;
	background: #f8f9fa;
	overflow-y: auto;
	position: relative;
}

section.box-showroom .branches-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: linear-gradient(90deg, #3498db, #2ecc71, #e74c3c, #f39c12);
	background-size: 300% 100%;
	animation: gradient 3s ease infinite;
}

section.box-showroom .section-title {
	font-size: 29px;
	color: #2c3e50;
	margin-bottom: 25px;
	text-align: center;
	position: relative;
	padding-bottom: 15px;
}

section.box-showroom .section-title::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 60px;
	height: 3px;
	background: linear-gradient(90deg, #3498db, #2ecc71);
	border-radius: 2px;
}

section.box-showroom .search-box {
	margin-bottom: 10px;
	position: relative;
}

section.box-showroom .search-box input {
	width: 100%;
	padding: 15px 50px 15px 20px;
	border: 2px solid #e0e0e0;
	border-radius: 25px;
	font-size: 15px;
	transition: all 0.3s ease;
	background: white;
}

section.box-showroom .search-box::after {
	content: '🔍';
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.2rem;
}

section.box-showroom .branch-count {
	text-align: center;
	color: #7f8c8d;
	margin-bottom: 20px;
	font-style: italic;
}

section.box-showroom .branch-card {
	background: white;
	border-radius: 15px;
	padding: 25px;
	margin-bottom: 20px;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

section.box-showroom .branch-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(52, 152, 219, 0.1), transparent);
	transition: left 0.5s ease;
}

section.box-showroom .branch-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

section.box-showroom .branch-name {
	font-size: 17px;
	font-weight: 600;
	color: #2c3e50;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
}

section.box-showroom .branch-name::before {
	content: '📍';
	margin-right: 10px;
	font-size: 1.2rem;
}

section.box-showroom .branch-address {
	color: #7f8c8d;
	margin-bottom: 12px;
	line-height: 1.6;
}

section.box-showroom .branch-phone {
	color: #3498db;
	font-weight: 600;
	font-size: 16px;
	display: flex;
	align-items: center;
}

section.box-showroom .branch-phone::before {
	content: '📞';
	margin-right: 10px;
}

section.box-showroom .map-section {
	position: relative;
	background: #ecf0f1;
	border-left: 3px solid #3498db;
}

section.box-showroom .map-container {
	width: 100%;
	height: 100%;
	position: relative;
}

section.box-showroom .map-container iframe {
	width: 100%;
	height: 100%;
	border: none;
	border-radius: 0;
}

section.box-showroom {
	padding-bottom: 30px;
}

.list_product .item .box_item .image {
	position: relative;
}

.box-sossanh-products {
	backdrop-filter: blur(5px);
	margin-right: 10px;
}

.list_product .item .box_item:hover .box-sossanh-products {
	opacity: 1;
	transition: 0.5s ease;
}

.price-section {
	display: flex;
	align-items: center;
	gap: 0px 14px;
	justify-content: center;
}

.discount-badge {
	position: absolute;
	top: 7px;
	right: 7px;
	background: linear-gradient(135deg, #0293d6, #0361a3);
	color: white;
	padding: 2px 10px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 600;
	box-shadow: 0 4px 10px rgba(231, 76, 60, 0.3);
	animation: pulse 2s infinite;
}

.original-price {
	font-size: 15px;
	color: #95a5a6;
	text-decoration: line-through;
	margin-bottom: 8px;
	position: relative;
}

.current-price {
	font-size: 16px;
	color: #0069b1;
	position: relative;
	font-weight: bold;
}

.currency {
	font-size: 14px;
	vertical-align: top;
	margin-right: 2px;
}

.list_product .item .box_item .info {
	padding: 10px 10px;
	box-shadow: rgb(0 0 0 / 34%) 0px 1px 4px;
}

.lisst-color-products ul li {
	width: 15px;
	height: 15px;
	background: #cdcdcd;
	border-radius: 100%;
	border: 1px solid #cdcdcd;
	list-style: none !important;
	margin-left: 0px !important;
}

.lisst-color-products ul {
	display: flex;
	justify-content: center;
	gap: 0px 10px;
}

.lisst-color-products {
	padding-bottom: 10px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.category-slide-1 .slick-dots {
	bottom: -15px;
}

.category-slide-1 .slick-dots li button {
	background: #cdcdcd;
	width: 45px;
	height: 4px;
	padding: unset;
}

.category-slide-1 .slick-dots li {
	margin: unset;
	width: 45px;
	height: 4px;
	border-radius: unset;
	border: none;
}

.category-slide-1 .slick-dots li.slick-active button {
	background: #000;
	border-radius: 25px;
}

.hourt-congnghe {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
	position: relative;
}

.hourt-congnghe .countdown-container {
	background-color: #e8e8e817;
	padding: 25px;
	border-radius: 15px;
	text-align: center;
	margin-top: -90px;
	display: flex;
	align-items: center;
	gap: 0px 20px;
	justify-content: center;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.hourt-congnghe .title {
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	letter-spacing: 1px;
	line-height: 1.3;
	display: flex;
	gap: 15px 0px;
	flex-direction: column;
}

.hourt-congnghe .date-range {
	background-color: #af0202;
	color: white;
	padding: 5px 16px;
	border-radius: 2px;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
	display: inline-block;
	filter: drop-shadow(1px 1px 1px black);
}

.hourt-congnghe .countdown-display {
	display: flex;
	justify-content: center;
	gap: 15px;
}

.hourt-congnghe .time-unit {
	background-color: #af0202;
	color: white;
	padding: 8px 15px;
	border-radius: 10px;
	min-width: 89px;
	position: relative;
}

.hourt-congnghe .time-number {
	font-size: 32px;
	font-weight: bold;
	line-height: 1;
}

.hourt-congnghe .time-label {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	opacity: 0.9;
}

.hourt-congnghe .divider {
	width: 100%;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.3);
	margin: 10px 0 8px 0;
}

.hourt-congnghe .divider {
	width: 100%;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.3);
	margin: 5px 0 5px 0;
}


.khampha {
	background: #e8e8e8;
	padding: 3rem 0px;
	margin-bottom: 30px;
}

.khampha .nav-container {
	width: 67%;
	margin: 0 auto;
}

.khampha .nav-title {
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: #333;
	margin-bottom: 35px;
}

.khampha .nav-items {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0px 10rem;
}

.khampha .nav-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
	color: #666;
	transition: all 0.3s ease;
}

.khampha .nav-item:hover {
	color: #333;
}

.khampha .nav-icon {
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 15px;
	position: relative;
}

.khampha .nav-item:hover .nav-icon {
}

.khampha .icon-brochure::before {
	content: "📋";
	font-size: 24px;
}

.khampha .icon-register::before {
	content: "👤";
	font-size: 24px;
}

.khampha .nav-text {
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	line-height: 1.2;
}

.khampha .icon-location-alt {
	width: 24px;
	height: 24px;
	background-color: #666;
	border-radius: 50% 50% 50% 0;
	transform: rotate(-45deg);
	position: relative;
}

.khampha .icon-location-alt::after {
	content: '';
	width: 12px;
	height: 12px;
	background-color: #e8e8e8;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.khampha .icon-brochure-alt {
	width: 20px;
	height: 26px;
	background-color: #666;
	border-radius: 2px;
	position: relative;
}

.khampha .icon-brochure-alt::before {
	content: '';
	width: 12px;
	height: 2px;
	background-color: #e8e8e8;
	position: absolute;
	top: 6px;
	left: 4px;
}

.khampha .icon-brochure-alt::after {
	content: '';
	width: 12px;
	height: 2px;
	background-color: #e8e8e8;
	position: absolute;
	top: 12px;
	left: 4px;
}

.khampha .icon-register-alt {
	width: 20px;
	height: 20px;
	background-color: #666;
	border-radius: 50%;
	position: relative;
}

.khampha .icon-register-alt::after {
	content: '';
	width: 26px;
	height: 12px;
	background-color: #666;
	border-radius: 12px 12px 0 0;
	position: absolute;
	top: 16px;
	left: -3px;
}

.khampha .nav-icon.icon-location img {
	width: 50px;
}

.box-products-card-big {
    display: flex;
    gap: 0px 25px;
    width: 80%;
    margin: 0 auto;
}

section.box-bycategory-products-home {
    padding: 30px  0px;
}

section.box-bycategory-products-home .group_title_left {
    margin-bottom: 35px;
}
.form-popup-succer .form-group select {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
}

.form-popup-succer .form-group textarea {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
}
.images-card-pages {
    position: relative;
}

.images-card-pages img {
    display: block;
}

.box-products-car-pages {position: relative;overflow: hidden;width: calc(100% / 2 );}

.content-card-pages {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px;
    z-index: 9;
}

.title-card-pages > span {
    font-size: 23px;
    color: #fff;
    font-weight: 600;
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 0;
}

.card-big__paragraph {
    font-size: 18px;
    color: #fff;
    text-align: center;
}

.card-big__cta-links a {
    margin-top: 5px;
    border: 1px solid #fefefe;
    color: #fefefe;
    width: 100%;
    display: block;
    padding: 8px;
    text-align: center;
    font-weight: 600;
    font-size: 17px;
}

.box-products-car-pages:before {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .4) .58%, transparent 63.24%);
    position: absolute;
    display: block;
    z-index: 1;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    content: "";
}
.box-products-car-pages:hover img {
    transform: scale(1.2);
    transition: 0.5s ease;
}

.box-products-car-pages img {
    transform: scale(1);
    transition: 0.5s ease;
}

.form-row-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}



.form-popup-succer .modal-overlay {
	 position: fixed;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background-color: rgba(0, 0, 0, 0.5);
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 z-index: 99999;
}
 .form-popup-succer .container {
	 max-width: 600px;
	 width: 90%;
	 max-height: 90vh;
	 background-color: white;
	 padding: 30px;
	 border-radius: 8px;
	 box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
	 overflow-y: auto;
	 position: relative;
}
 .form-popup-succer .close-btn {
	 position: absolute;
	 top: 15px;
	 right: 20px;
	 background: none;
	 border: none;
	 font-size: 24px;
	 cursor: pointer;
	 color: #666;
	 z-index: 99999;
}
 .form-popup-succer .close-btn:hover {
	 color: #333;
}
 .form-popup-succer .demo-btn {
	 position: fixed;
	 top: 20px;
	 left: 20px;
	 background-color: #007bff;
	 color: white;
	 padding: 10px 20px;
	 border: none;
	 border-radius: 5px;
	 cursor: pointer;
	 font-size: 14px;
	 z-index: 999;
}
 .form-popup-succer .demo-btn:hover {
	 background-color: #0056b3;
}
 .form-popup-succer h1 {
	 text-align: center;
	 font-size: 20px;
	 font-weight: bold;
	 margin-bottom: 30px;
	 color: #333;
}
 .form-popup-succer .form-row {
	 display: flex;
	 gap: 15px;
	 margin-bottom: 15px;
}
 .form-popup-succer .form-group {
	 flex: 1;
}
 .form-popup-succer .form-group.full-width {
	 flex: 1;
}
 .form-popup-succer label {
	 display: flex;
	 margin-bottom: auto;
	 font-size: 14px;
	 color: #333;
	 align-items: center;
}
 .form-popup-succer input {
	 width: 100%;
	 padding: 8px 12px;
	 border: 1px solid #ddd;
	 border-radius: 4px;
	 font-size: 14px;
	 box-sizing: border-box;
}
 .form-popup-succer input[type="text"]:focus {
	 outline: none;
	 border-color: #007bff;
}
 .form-popup-succer .button-container {
	 display: flex;
	 gap: 20px;
	 justify-content: center;
	 margin-top: 15px;
}
 .form-popup-succer .btn {
	 padding: 10px 30px;
	 border: none;
	 border-radius: 25px;
	 font-size: 14px;
	 font-weight: bold;
	 cursor: pointer;
	 color: white;
	 text-transform: uppercase;
}
 .form-popup-succer .btn-edit {
	 background-color: #dc3545;
}
 .form-popup-succer .btn-edit:hover {
	 background-color: #c82333;
}
 .form-popup-succer .btn-complete {
	 background-color: #ffc107;
	 color: #333;
}
 .form-popup-succer .btn-complete2 {
	 background-color: #ff0404;
	 color: #fff;
}
 .form-popup-succer .btn-complete:hover {
	 background-color: #e0a800;
}
 .car-section {
    display: none;
}
.banner-page {
    width: 100%;
    height: 100%;
}

video#myVideo {
    width: 100%;
    height: 100%;
}
@media (max-width: 990px) {
	.form-row-2 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0px;
}

	a.velora-hedding {
		font-size: 18px;
	}

	section.box-artifacts-test .btn-register-driver {
		margin-top: 0px;
		border-radius: 6px;
	}

	.box-artifacts-test .form-title {
		font-size: 25px;
	}

	.group_title_left .title {
		font-size: 21px;
	}

	.item-images-section img {
		height: auto;
	}

	.box-artifacts-test .form-section form {
		padding: 20px 20px;
		background: #fff;
	}

	.group_title_left {
		margin-bottom: 20px;
	}

	section.box-showroom .main-content {
		grid-template-columns: 1fr;
	}

	.images-loc {
		display: none;
	}

	.tire-tabs {
		/* overflow-x: scroll; */
		width: 100%;
	}

	.section-tab-products {
		/* overflow-x: scroll; */
	}

	.tire-tab {
		/* width: 100%; */
		/* min-width: max-content; */
		/* max-width: fit-content; */
	}

	.list_product .item {
		width: calc(100% / 1);
	}

	.box-artifacts-test .ctnr {
		grid-template-columns: 1fr;
	}

	section.block-section-liberty .list-grid-section-liberty {
		padding: unset;
	}

	section.box-artifacts-test {
		padding: unset;
	}

	.banner-vertical {
		display: none;
	}

	.btn-view-all-mobile {
		display: block;
	}

	.product-category .banner-vertical img {
		border-radius: 10px;
	}

	section.product-category .ctnr {
		display: flex;
		flex-wrap: wrap;
		max-width: unset;
	}

	.product-category .sidebar {
		position: relative;
		top: unset;
		width: 100%;
	}

	.product-category .product-card {
		/* width: calc(97% / 2); */
	}

	.about-home-section .main-title {
		font-size: 34px;
	}

	.images-abouts img {
		width: 100%;
	}

	.slide-content a {
		color: #000000;
	}

	.number-highlight__grid {
		width: 100%;
		gap: 0px 5px;
	}

	.hero-section .cta-button {
		font-size: 14px;
		padding: 10px 25px;
	}

	section.service-info-section .card-container {
		padding: 135px 8px 10px;
	}

	.bookings__desktop .selector .select2-container {
		width: 100% !important;
	}

	span.support-form-option-icon {
		height: 66px;
		width: 62px;
	}

	span.support-form-option-text {
		font-size: 13px;
	}

	a.support-form-option {
		flex: 1 0 47%;
	}

	.support-form-option:last-child,
	.support-form-option:nth-child(3) {
		border-right: 1px solid #eaeaea;
	}
}

@media(max-width:768px) {
	.box-products-car-pages:hover img {
    transform: scale(1.2);
    transition: 0.5s ease;
}

.box-products-car-pages img {
    transform: scale(1);
    transition: 0.5s ease;
}

.box-products-card-big {
    width: 100%;
    gap: 0px 15px;
}


.title-card-pages > span {
    font-size: 18px;
}

.card-big__paragraph {
    font-size: 12px;
}

.card-big__cta-links a {
    font-size: 15px;
    margin-top: 10px;
}
	.hourt-congnghe .countdown-container {
		margin-top: 0px;
		flex-direction: column;
		gap: 20px 0px;
		padding: 14px;
	}

	.hourt-congnghe .time-unit {
		min-width: 66px;
	}

	.hourt-congnghe .time-number {
		font-size: 26px;
	}

	.hourt-congnghe .title {
		font-size: 18px;
	}

	.box-artifacts-test .ctnr-motor {
		flex-direction: column;
	}

	.box-list-item-card {
		width: 100%;
	}

	.box-artifacts-test .form-section {
		width: 100%;
		margin-top: 10px;
		background: #055ea621;
		padding-bottom: 20px;
		margin-right: 0px;
		margin-left: 0px !important;
	}

	.item-images-section img {
		height: unset;
	}

	.item-images-artifacts {
		width: 100%;
		margin: 0 auto;
	}

	.event-elips {
		padding: unset;
	}

	.item-images-section {
		height: unset;
	}

	.slider-images-list-form .slick-next {
		right: calc(50% - 30px);
		width: 40px;
		height: 40px;
		bottom: -47px;
	}

	.slider-images-list-form .slick-prev {
		width: 40px;
		height: 40px;
		bottom: -48px;
		left: calc(50% - 35px);
	}



	.about-home-section .slide-card img {
		height: 370px;
	}
}

@media (max-width: 554px) {
	.price-products-products-all span {
		font-size: 12px;
	}

	.product-category .price-section {
		flex-direction: column;
		gap: 0px;
	}

	.desc-architec p {
		padding: 0 10px;
	}

	.box-action-architec {
		padding: 24px 140px;
	}
}

@media (max-width: 480px) {
	section.box-products-top-sales .content-side {
		flex: 1;
		background: linear-gradient(135deg, #4a4a4a 0%, #3d3d3d 100%);
		color: white;
		padding: 10px 15px 16px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-left: 76px;
	}

	.box-action-architec {
		padding: 24px 88px;
	}
}

@media (max-width: 450px) {
	.box-artifacts-test .form-section form {
		padding: 20px 20px;
	}

	.desc-architec p {
		padding: 0;
	}

	.achievements-slide__img-icon {
		width: 40px;
		height: 48px;
	}
}

.about-home-section .main-title span {
	display: block;
}

.close-form {
	cursor: pointer;
}

.box-member-couter-products {
	position: sticky;
	top: 60px;
}

.nice-select .list {
	width: 100%;
}

.sesion-kham-pha {
	padding-bottom: 15px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 39px !important;
}

.hero-section .subtitle {
	font-size: 15px;
}

.product-card:nth-child(n + 4) {
	display: none;
}



/*  */
.section-tabs {
	display: block;
	padding-top: 72px;
	padding-bottom: 30px;
	background: #fff;
	border-top: 1px solid #b2b2b2;
}

.section-tabs .slider_tabs_top {}

.section-tabs .slider_tabs_top .item {
	width: 25%;
	float: left;
}

.carousel-tabs-container .nav-item {
	font-size: 16px;
	text-transform: uppercase;
	position: relative;
	padding: 0;
	list-style: none;
	text-align: center;
	padding-bottom: 36px;
	cursor: pointer;
}

.carousel-tabs-container .item.slick-current .nav-item:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	background: #0088ce;
	width: 1px;
	height: 20px;
}

.carousel-tabs-container .nav-item figure {
	clear: both;
	margin: 0 0 10px;
}

.carousel-tabs-container .nav-item>span {
	display: block;
	color: #0088ce;
}

.carousel-tabs-container .nav-item i {
	height: 40px;
	font-size: 30px;
	margin: 0 auto;
	line-height: 40px;
	clear: both;
	color: #0088ce;
}

.carousel-tabs-container .nav-item img {
	height: 40px;
	margin: 0 auto;
	clear: both;
	margin-bottom: 12px;
}

.carousel-tabs-container .nav-item .line-dashed {
	position: absolute;
	right: 0;
	left: 20px;
	right: 20px;
	bottom: 0;
	height: 1px;
	border-bottom: 1px dashed #0088ce;
}

.carousel-tabs-container .item.slick-current .nav-item:after {
	content: "";
	position: absolute;
	right: 20px;
	left: 20px;
	bottom: 0;
	background: #0088ce;
	height: 1px;
}

.slider_tabs_bottom {
	margin-top: 60px;
}

.slider_tabs_bottom .tabcontent {
	width: 100%;
	height: auto;
}

.slider_tabs_bottom .tabcontent .box-img {
	width: 100%;
}

.slider_tabs_bottom .tabcontent .box-img img {
	width: 100%;
	border-radius: 17px;
}

.slider_tabs_bottom .tabcontent .box-title {
    padding-left: 30px;
}

.slider_tabs_bottom .tabcontent .box-title h3 {
	font-size: 27px;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 8px;
	margin-top: 0;
	padding-left: 15px;
	border-left: 3px solid #0066ab;
	border-radius: 5px;
	color: #0066ab;
}

.slider_tabs_bottom .tabcontent .box-title .desc {
	font-size: 17px;
	line-height: 30px;
	margin-bottom: 12px;
	max-height: 364px;
	overflow-y: auto;
}

.content-virtual-showroom img {
	height: auto !important;
}

.card-desc-main {
	display: flex;
	/* align-items: center; */
	/* justify-content: center; */
}

.card-description .title {
	font-weight: 700;
	font-size: 36px;
	text-transform: uppercase;
	text-align: center;
	color: #303030;
	margin-bottom: 40px;
	padding: 0 15px;
}

.card-description .content {
	flex: 1;
	margin: auto;
	font-size: 22px;
	line-height: 40px;
	margin-bottom: 12px;
	padding: 0 15px;
}

.card-description .image {
	flex: 1;
	padding: 0 15px;
}

.card-description .image img {
	width: 100%;
}
.form-popup-succer h2 {
    text-align: center;
    padding-bottom: 20px;
}

.form-popup-succer label {
    margin-bottom: 5px;
}











.form-member-primavera .container {
	 max-width: 1200px;
	 width: 100%;
	 box-shadow: unset;
}
 .form-member-primavera .header {
	 text-align: center;
	 margin-bottom: 20px;
}
 .form-member-primavera .header h1 {
	 font-size: 2.5rem;
	 font-weight: 800;
	 color: #333;
	 margin-bottom: 5px;
	 letter-spacing: 2px;
}
 .form-member-primavera .offers-grid {
	    display: flex
;
    gap: 30px;
    margin-top: 10px;
    justify-content: center;
}
 .form-member-primavera .offer-card {
	 background: white;
	 border-radius: 20px;
	 padding: 15px 10px;
	 box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
	 position: relative;
	 overflow: hidden;
	 transition: all 0.3s ease;
	 border: 3px solid transparent;
}
 .form-member-primavera .offer-card:hover {
	 transform: translateY(-10px);
	 box-shadow: 0 30px 60px rgba(0, 0, 0, 0.2);
}
 .form-member-primavera .offer-card::before {
	 content: '';
	 position: absolute;
	 top: 0;
	 left: 0;
	 right: 0;
	 height: 6px;
	 background: linear-gradient(90deg, #ff6b6b, #4ecdc4, #45b7d1);
}
 .form-member-primavera .offer-header {
	 text-align: center;
	 margin-bottom: 10px;
	 min-height: 112px;
}
 .form-member-primavera .offer-title {
	 font-size: 19px;
	 font-weight: 700;
	 color: #333;
	 margin-bottom: 0px;
}
 .form-member-primavera .offer-subtitle {
	 font-size: 2rem;
	 font-weight: 800;
	 color: #0361a3;
	 margin-bottom: 5px;
}
 .form-member-primavera .offer-description {
	 font-size: 14px;
	 color: #666;
	 font-weight: 500;
	 text-transform: uppercase;
}
 .form-member-primavera .pricing-section {
	 margin: 13px 0;
	 padding: 10px;
	 background: linear-gradient(135deg, #f8f9fa, #e9ecef);
}
 .form-member-primavera .payment-options {
	 display: flex;
	 flex-direction: column;
	 gap: 5px;
}
 .form-member-primavera .payment-option {
	 position: relative;
	 border: none;
	 display: unset;
	 padding: unset;
	 margin-bottom: 0px;
}
 .form-member-primavera .payment-option input[type="radio"] {
	 position: absolute;
	 opacity: 0;
	 cursor: pointer;
}
 .form-member-primavera .payment-option label {
	 font-size: 18px;
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 padding: 5px 20px;
	 border: 1px solid #0080ff;
	 border-radius: 10px;
	 cursor: pointer;
	 transition: all 0.3s ease;
	 background: white;
}
 .form-member-primavera .payment-option label:hover {
	 border-color: #ff6b6b;
	 background: #fff5f5;
}
 .form-member-primavera .payment-option input[type="radio"]:checked + label {
	 color: #fff;
	 border-color: #0361a3;
	 background: #0361a3;
	 box-shadow: 0 4px 12px rgba(255, 107, 107, 0.2);
}

 .form-member-primavera .option-text {
	    font-weight: 600;
    color: #333;
    font-size: 15px;
}
 .form-member-primavera .option-price {
	 font-weight: 700;
	 color: #0361a3;
	 font-size: 15px;
}
 .form-member-primavera .price-row {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 margin-bottom: 15px;
	 padding: 10px 0;
	 border-bottom: 1px solid #eee;
}
 .form-member-primavera .price-row:last-child {
	 border-bottom: none;
	 margin-bottom: 0;
}
 .form-member-primavera .price-label {
	 font-weight: 600;
	 color: #333;
	 font-size: 1rem;
}
 .form-member-primavera .price-value {
	 font-weight: 700;
	 color: #ff6b6b;
	 font-size: 1.1rem;
}
 .form-member-primavera .gift-section {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 margin: 10px 0;
	 padding: 10px;
	 background: #ffffff;
	 /* border: 1px solid #ffeaa7; */
	 border-radius: 4px;
	 text-align: center;
}
 .form-member-primavera .gift-icon {
	 width: 50px;
	 height: 50px;
	 background: linear-gradient(135deg, #ff6b6b, #ff5252);
	 border-radius: 50%;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 margin-right: 15px;
	 color: white;
	 font-size: 1.5rem;
}
 .form-member-primavera .gift-text {
	 font-weight: 600;
	 color: #333;
	 font-size: 12px;
	 flex: 1;
}
 .form-member-primavera .total-section {
	 margin-top: 10px;
	 padding: 15px;
	 background: #f8f9fa;
	 border: 1px solid #dee2e6;
	 border-radius: 4px;
	 text-align: center;
}
 .form-member-primavera .total-label {
	 font-size: 18px;
	 font-weight: 600;
	 margin-bottom: 3px;
}
 .form-member-primavera .total-old-price {
	 font-size: 15px;
	 text-decoration: line-through;
	 opacity: 0.7;
	 margin-bottom: 0;
}
 .form-member-primavera .total-new-price {
	 font-size: 26px;
	 font-weight: bold;
	 color: #0361a3;
}
 .form-member-primavera .cta-button {
	 width: 100%;
	 padding: 15px;
	 background: linear-gradient(135deg, #ff6b6b, #ff5252);
	 border: none;
	 border-radius: 5px;
	 color: white;
	 font-size: 16px;
	 font-weight: 700;
	 cursor: pointer;
	 transition: all 0.3s ease;
	 margin-top: 20px;
	 text-transform: uppercase;
	 letter-spacing: 1px;
}
 .form-member-primavera .cta-button:hover {
	 background: linear-gradient(135deg, #ff5252, #f44);
	 transform: translateY(-2px);
	 box-shadow: 0 10px 20px rgba(255, 107, 107, 0.3);
}
 .form-member-primavera .badge {
	 position: absolute;
	 top: 15px;
	 right: 15px;
	 background: linear-gradient(135deg, #4ecdc4, #44a08d);
	 color: white;
	 padding: 5px 12px;
	 border-radius: 20px;
	 font-size: 0.9rem;
	 font-weight: 600;
	 text-transform: uppercase;
}
.box-list-item-card {
    height: 635px;
    position: relative;
    flex: 1;
}
.btn-link-popup a {
    position: absolute;
    bottom: 35px;
    left: 20px;
    display: inline-block;
    padding: 5px 20px;
    background: linear-gradient(135deg, #0293d6, #0361a3);
    border-radius: 5px;
    color: #fff;
}

@media(min-width:1400px){

	.box-list-item-card:before {
    display: block;
}
}

@media(max-width:990px){
.form-member-primavera .offer-header {
    min-height: unset;
}
	.khampha .nav-container {
    width: 100%;
}

.box-artifacts-test .form-section {
    width: 100%;
    margin-left: 25px;
}

section.box-artifacts-test {
    background-image: unset !important;
}

.box-list-item-card {display: none;}
}
 @media (max-width: 768px) {
	.form-popup-succer .form-row {
    display: block;
}

.form-popup-succer .container {
    padding: 20px 10px;
}

.form-popup-succer .button-container {
    gap: 10px;
    flex-direction: column;
}

.form-popup-succer .btn-complete2 {
    font-size: 13px;
}

.form-popup-succer .btn-complete {
    font-size: 13px;
}

.form-member-primavera .header {
    margin-bottom: 0px;
    padding: 10px 0px;
}

.form-member-primavera .offers-grid {
    margin-top: 10px;
	        flex-direction: column;
}

	.khampha .nav-items {
    flex-wrap: wrap;
    gap: 20px 10px;
}

.khampha .nav-container {
    width: 100%;
}

.khampha .nav-item {
    width: calc(100%  / 2 - 20px);
}
	 .form-member-primavera .header h1 {
		 font-size: 2rem;
	}
	 .form-member-primavera .offers-grid {
		 grid-template-columns: 1fr;
		 gap: 20px;
	}
	 .form-member-primavera .offer-card {
		 padding: 20px;
	}
}
 .form-popup-succer.step3 .form-step2 {
    display: none;
}


.form-popup-succer.step3 section.form-member-primavera {
    display: block;
}

.form-popup-succer.step3 h2 {
    display: none;
}

.form-popup-succer.step3 .container {
    max-width: 1200px;
    width: 100%;
    box-shadow: unset;
}