.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: #f8f5f0;
	padding: 5rem 0;
	position: relative;
}

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

.block-title .sub-title {
	display: block;
	font-weight: 200;
	letter-spacing: 0.135rem;
	margin-bottom: 0.25rem;
	font-size: 17px;
	font-family: 'Style Script', cursive;
	font-size: 23px;
	margin: 0;
	color: #d9261c;
	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;
}

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: #144121;
	width: 3rem;
	z-index: 1;
	box-shadow: 0 0.15rem 0.35rem rgba(0, 0, 0, 0.075);
}

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 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: 600;
	line-height: 1.1;
	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%;
	height: 229px;
}

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: var(--color-main);
}

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 {
	padding: 2px 10px;
}

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

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

.wrapper.home {
	overflow: hidden;
}

.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 {
	transform: scale(1.1);
	transition: 0.5s ease;
}

.news-img a {
	display: block;
	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: #333;
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 700;
	padding: 0;
	margin: 0;
}

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

.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; */
	/* border-radius: 10px; */
}

section.room.bg--section-color .best_selling {
	position: absolute;
	top: 20px;
	right: 20px;
	background: #d9261c;
	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: 19px;
	color: #333;
	font-weight: 600;
	margin-bottom: 0px;
}

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: #d9261c;
	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: #d9261c;
}

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: 5px;
	margin-bottom: 20px;
}

.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: #d9261c;
	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: #d9261c;
	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: #d9261c;
	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: #d9261c;
	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: #d9261c;
}

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: #d9261c;
}

/*
.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: #ffffff;
}

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: #da251c;
	font-weight: 500;
	text-transform: uppercase;
}

.widget-title::after {
	display: block;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 90px;
	height: 2px;
	background-color: #da251c;
	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;
	z-index: 1;
}

.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: #ffffff;
}

.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, #dd4111cf, #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 {
	min-height: 780px;
	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;
	display: none;
}

.c-title__icon svg,
.c-title__icon img {
	width: 48px;
	height: 48px;
	object-fit: contain;
	display: none;
}

.c-title__small {
	color: var(--color-main);
	font-weight: 700;
	display: block;
	font-size: 16px;
}

.c-title__xl {
	display: block;
	color: #066dee;
	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: 0px;
}

.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: #feb817;
}

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

.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: 0 0 30px;
	margin-top: -35px;
	position: relative;

}

.number-highlight__grid {
	font-family: var(--font-family);
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	color: white;
	max-width: 848px;
	margin: 0 auto;
	border-radius: 16px;
	padding: 8px;
	background: linear-gradient(90deg,rgba(6, 109, 238, 1) 0%, rgba(60, 138, 232, 1) 50%, rgba(66, 133, 214, 1) 100%);
}

.number-highlight__grid-item:not(:last-child) {
	border-right: 1px solid #e5e7eb;
}

.number-highlight__grid-item {
	text-align: center;
}

.number-highlight__grid-number {
	font-size: 50px;
	font-weight: 700;
	line-height: 1;
}

.number-highlight__grid-txt {
	font-size: 20px;
	font-weight: 700;
	opacity: .8;
	text-transform: uppercase;
}

.quy_trinh {
	padding: 40px 0 50px;
}

.space-extra-bottom {
	padding: 30px 0;
	background: #ffffff;
}

.space-extra-bottom .line svg path {
	fill: #ffffff;
}

.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: #ffffff;
	/* background: #ffefe440; */
}

.question-block {}

.question-block__ttl {
	color: var(--color-main);
	text-align: center;
	font-size: 27px;
	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: #066dee;
}

.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;
	box-shadow: -1px 7px 15px 0px rgba(0, 0, 0, 0.07);
}

.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;
	transition: all 0.3s ease;
	user-select: none;
	box-shadow: -1px 7px 15px 0px rgba(0, 0, 0, 0.07);
}

.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: linear-gradient(90deg,rgba(6, 109, 238, 1) 0%, rgba(60, 138, 232, 1) 50%, rgba(66, 133, 214, 1) 100%);
	padding: 60px 0 30px 0;
}

.teaching-staff .line svg path {
	fill: #ffffff;
}

.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;
	border-radius: 24px;
	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 {
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
	height: 40px;
	border: 1px solid #e9e9e9;
	border-radius: 4px;
	font-size: 15px;
}

.box-form__group textarea.form-control {
	height: 120px;
	width: 100%;
	font-family: unset;
}

.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: var(--color-main);
	color: #fff;
	font-size: 22px;
	border-radius: 30px;
	text-transform: uppercase;
	width: fit-content;
	margin: 0 auto;
	display: flex;
	padding: 5px 23px;
	font-family: var(--font-family);
}

.sec-partner {
	padding: 30px 0;
	background: #ffffff;
}

.partner-slide {
	margin-top: 20px;
}

.partner-slide__link {
	display: block;
	position: relative;
	padding: 10px 10px;
}

.partner-slide__link img {
	width: 100%;
	/* height: 125px; */
	border-radius: 15px;
	object-fit: cover;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

@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: 22px;
	}

	.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 {
		min-height: 450px;
	}

	.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;
	color: #fff;
}

@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: 19px;
	}

	.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 {
	display: none;
}

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

.slideshows-banner .slick-prev {
    left: 35px;
    opacity: 1;
    width: 35px;
    height: 35px;
    background: #ffffff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slideshows-banner .slick-next {
   right: 35px;
    opacity: 1;
    width: 35px;
    height: 35px;
    background: #ffffff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.js-customers-review .slick-prev {
    left: -35px;
    opacity: 1;
    width: 35px;
    height: 35px;
    background: #ffffff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.js-customers-review .slick-next {
   right: -35px;
   opacity: 1;
   width: 35px;
   height: 35px;
   background: #ffffff;
   border-radius: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}
.js-partner-slide .slick-prev {
    left: 35px;
    opacity: 1;
    width: 35px;
    height: 35px;
    background: #ffffff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.js-partner-slide .slick-next {
   right: 35px;
   opacity: 1;
   width: 35px;
   height: 35px;
   background: #ffffff;
   border-radius: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}

@media (max-width: 990px) {
	.teaching-staff {
    padding-top: 50px;
}
	.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: 554px) {
	.desc-architec p {
		padding: 0 10px;
	}

	.box-action-architec {
		padding: 24px 140px;
	}
}

@media (max-width: 480px) {
	.box-action-architec {
		padding: 24px 88px;
	}
}

@media (max-width: 450px) {
	.desc-architec p {
		padding: 0;
	}

	.achievements-slide__img-icon {
		width: 40px;
		height: 48px;
	}
}

.close-form {
	cursor: pointer;
}

.nice-select .list {
	width: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 39px !important;
}
.customers-review__clm {
    padding: 30px 21px;
}
.customers-item {
    background-color: #fff;
    -webkit-box-shadow: 9px 11px 14px 0 rgba(0, 0, 0, .1);
    box-shadow: 12px 14px 14px 0 rgba(0, 0, 0, .1);
    padding: 30px 30px 50px;
    padding-left: 34px;
    position: relative;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    z-index: 1;
    height: unset !important;
}

.customers-item {
  
    padding: 4rem 3.2rem;
    border-radius: 24px;
    height: 100%;
    display: flex
;
    flex-direction: column;
}
.customers-item__brief {
    margin-bottom: 19px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.icon-customers {
    text-align: center;
    display: flex
;
    justify-content: center;
    padding-bottom: 20px;
}
.icon-customers img {
    width: 48px;
    height: 48px;
    object-fit: cover;
    text-align: center;
}
.customers-item__info {
    align-items: center;
    justify-content: space-between;
    margin-bottom: 28px;
    flex-direction: column;
    margin-top: -31px;
    position: relative;
    z-index: 9999;
}
.customers-item__info-img::before {
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%) rotate(-45deg);
    content: "";
    z-index: 1;
}
.customers-item__info-img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.customers-item__info-img {
    width: 72px;
    height: 72px;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    position: relative;
    overflow: hidden;
    border-style: solid;
    border-width: 5px 5px 5px 5px;
    border-color: #ffffff;
    box-shadow: 20px 20px 40px 0px rgba(0, 0, 0, 0.1);
}
.customers-item__info-name {
    display: block;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.2;
    color: #fff;
}
section.teaching-staff .c-title__xl {
    color: #fff;
}