/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/*@font-face{font-family:'brandon_text';src:url(./fonts/brandontext-bold-webfont.ttf) format('truetype');font-weight:bold;font-style:normal}
@font-face{font-family:'brandon_text';src:url(./fonts/brandontext-regular-webfont.ttf) format('truetype');font-weight:normal;font-style:normal;}*/

/*body{font-family:  "Custom Font Name",  sans-serif}
.nav > li > a {font-family:  "Custom Font Name", sans-serif;}
h1,h2,h3,h4,h5,h6, .heading-font{font-family: "Custom Font Name", sans-serif;}
.alt-font{font-family: "Custom font name", sans-serif;}*/
/*
a,p,h1, h2, h3, h4, h5, h6,span.widget-title,li{font-family: "brandon_text" !important;}
.stars a{font-family:'fl-icons'!important}
body {
    overflow: hidden;
}


.header-main .nav > li.menu-item > a {
    font-size: 14px;
    color: #2b2b2b;
    padding: 15px 20px;
}
.header-main .nav > li.menu-item {
    margin: 0;
}
*/
.ccc .col{
	padding-bottom: 0px;
}
.nav-size-xlarge>li>a {
    font-size: 1.2vw;
}
.booking-form {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 24px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 5px 30px rgba(80, 57, 24, 0.15);
    position: sticky;
    top: 20px; /* Khoảng cách từ phần đầu của trình duyệt */
}

.content-footer p a:before {
    content: unset !important; 
}
.booking-form input, .booking-form select {
  margin-bottom: 15px;
  padding: 10px;
  border: 1px solid #C77F32;
  font-size: 16px;
}

.booking-form label {
  margin-bottom: 5px;
  font-weight: bold;
  color: #000;
}

.booking-form input[type="date"] {
  appearance: none;
  padding: 10px;
  border: 1px solid #C77F32;
}

.guest-count {
  display: flex;
  justify-content: space-between;
}

.guest-count p:first-child{
  width: 50%;
}
.guest-count p:nth-child(2){
  width: 47%;
}
button.datngay {
  position: relative;
  display: inline-block;
  z-index: 1;
  overflow: hidden;
  padding: 10px 35px;
  line-height: normal;
  color: #fff;
  background-color: var(--fs-color-primary);
  border: 0;
  font-size: 16px;
  text-align: center;
  letter-spacing: 1px;
	text-transform: capitalize;
  font-weight: 100;
font-weight: 100;
  outline: none !important;
  cursor: pointer;
  width: 100%;
  -webkit-transition: all 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

button.datngay:before {
  content: '';
  display: block;
  background-color: var(--fs-color-secondary);
  position: absolute;
  left: -2px;
  top: 0;
  right: -2px;
  bottom: 0;
  z-index: -1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

button.datngay:hover {
  background-color: var(--fs-color-primary);
}

button.datngay:hover:before {
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
}


span.product-name input.wpcf7-form-control.wpcf7-text.wpcf7dtx.wpcf7dtx-text {
    border: none;
    background: transparent;
    box-shadow: none;
    pointer-events: none;
    width: 233px;
    padding-left: 96px;
    font-size: 18px;
    padding-top: 15px;
}

span.product-price input.wpcf7-form-control.wpcf7-text.wpcf7dtx.wpcf7dtx-text {
    border: none;
    background: transparent;
    box-shadow: none;
    pointer-events: none;
    width: 233px;
    padding-left: 96px;
    font-size: 18px;
    padding-top: 15px;
}
span.wpcf7-form-control-wrap.product-name:before {
	content: 'Đặt phòng:';
	text-transform: uppercase;
	font-size: 20px;
}
span.wpcf7-form-control-wrap.product-price:before {
	content: 'Tổng cộng:';
	text-transform: uppercase;
	font-size: 20px;
}
span.wpcf7-form-control-wrap.product-price:after {
	content: '/ Đêm';
	text-transform: uppercase;
	font-size: 16px;
	position: absolute;
    right: 8px;
    bottom: 22px;
	text-transform: capitalize;

}
.flex-col.mr-half{
	position: relative;
}

li:nth-child(1) > div > div.flex-col.mr-half:before {
  position: absolute;
  content: counter(post-ranking);
  top: calc(50% - 16px);
  left: -16px;
  border: 2px solid #fff;
  height: 28px;
  width: 28px;
  line-height: 26px;
  text-align: center;
  border-radius: 100%;
  background: var(--fs-color-primary);
  color: #fff;
  font-size: 12px;
  counter-increment: post-ranking;
  z-index: 1;
}

li:nth-child(2) > div > div.flex-col.mr-half:before {
  position: absolute;
	content: '2';
  top: calc(50% - 16px);
  left: -16px;
  border: 2px solid #fff;
  height: 28px;
  width: 28px;
  line-height: 26px;
  text-align: center;
  border-radius: 100%;
  background: var(--fs-color-primary);
  color: #fff;
  font-size: 12px;
  z-index: 1;
}


li:nth-child(3) > div > div.flex-col.mr-half:before {
  position: absolute;
	content: '3';
  top: calc(50% - 16px);
  left: -16px;
  border: 2px solid #fff;
  height: 28px;
  width: 28px;
  line-height: 26px;
  text-align: center;
  border-radius: 100%;
  background: var(--fs-color-primary);
  color: #fff;
  font-size: 12px;
  z-index: 1;
}



li:nth-child(4) > div > div.flex-col.mr-half:before {
  position: absolute;
	content: '4';
  top: calc(50% - 16px);
  left: -16px;
  border: 2px solid #fff;
  height: 28px;
  width: 28px;
  line-height: 26px;
  text-align: center;
  border-radius: 100%;
  background: var(--fs-color-primary);
  color: #fff;
  font-size: 12px;
  z-index: 1;
}
.blog-wrapper .is-divider{
	display: none;
}

.blog-wrapper .post-sidebar.large-3.col{
	position: relative;
    background: #fff;
    margin: 0 0 20px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);
    border-radius: 3px;
}
.blog-wrapper .large-9.col {
	    background: #fff;
    padding: 15px 20px;
    margin-bottom: 25px;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);
}
aside#flatsome_recent_posts-3 {
	padding-top: 10px;
}
.blog-wrapper .small-columns-1>.col {
    flex-basis: 50%;
}
.lagre9 #comments{
	display: none !important;
}
#respond{
	display: none !important;
}
/* .home-slider .slider-detail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 90%;
    text-align: center;
    z-index: 2;
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding: 0 40px;
}
.home-slider {
    position: relative;
} */
.section-home-blog{
	padding-bottom: 0px;
}
.slider-detail h2{
	font-size: 82px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.stuck .header-main .nav > li > a {
    line-height: 16px !important;
}
.logo-left .logo {
    margin-left: 30px;
}
.flex-right {
    margin-right: 50px;
}
a:hover, a:focus {
    color: var(--fs-color-primary);
    text-decoration: none;
    outline: none;
}
.button{
	color: #53624e;
}
.hotel_service .box-image img{
	  margin-bottom: 50px;
}
.section-home-review {
    position: relative;
    padding: 150px 0 120px !important;
    background-image: url(//theme.hstatic.net/200000909393/1001269498/14/home_review_bg.jpg?v=2535);
    background-size: cover;
    background-position: center;
}
.section-home-review:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}
.section-home-review .list-review {
    max-width: 720px;
    margin: 0 auto;
}
.section-home-review .list-review .review-item .item-desc p {
    font-size: 24px;
    margin-bottom: 30px;
}
.section-home-review .list-review .review-item .item-name p{
    margin-bottom: 0;
}
.section-home-review .list-review .review-item .item-position p{
    text-transform: uppercase;
}
footer .footer-newsletter {
    padding: 80px 0;
    background: #f9f9f9;
    color: #1a1b1a;
}
footer .footer-container {
    padding: 80px 0;
    position: relative;
    background-image: url(//theme.hstatic.net/200000909393/1001269498/14/ft_bg_img.jpg?v=2535);
    background-size: cover;
    background-position: center;
    color: #ffffff;
}
footer .footer-container:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(83, 98, 78, 0.9);
}
.footer-container p a {
    position: relative;
    color: #fff;
    padding-top: 20px;
    text-decoration: none; /* Loại bỏ gạch chân nếu cần */
}

.footer-container p a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: var(--fs-color-primary);
    transition: transform 0.2s ease; /* Hiệu ứng chuyển đổi mượt mà */
    transform-origin: 0 0;
    transform: scaleX(1); /* Mặc định là hiển thị thanh line */
}

.footer-container p a:hover:before {
    transform: scaleX(0); /* Thu nhỏ thanh line khi hover */
}


.footer-container .icon-box.featured-box.icon-box-left.text-left:nth-child(4){
	margin-bottom: 20px;
}
.footer-primary.pull-left .menu-menu-footer-container{
	display: none;
}
.absolute-footer ul.footer-menu{
	  display: flex;
    align-items: center;
    justify-content: end;
    gap: 20px;
    font-weight: 600;
    font-size: 13px;
	list-style: none;
	 padding: 0;
    margin: 0;
    list-style-type: none;
}
.content-footer ul.footer-menu{
	list-style: none;
	 padding: 0;
    margin: 0;
    list-style-type: none;
	line-height: 1.2;
	margin-left: -17px;
}
ul.footer-menu li a{
   color: #ffffff !important;
}
ul.footer-menu li a:hover{
   color: var(--fs-color-primary);
}
footer .copyright-footer{
	font-size: 16px;
	color: #ffffff;
	padding-top: 5px;
}
footer .container.clearfix{
	padding-top: 20px;
}
.logo-footer h2{
	font-size: 32px;
}

.logo-footer a{
	color: #fff;
}
.content-footer.block-collapse p {
    margin-bottom: 10px;
}
.footerNav-social i{
	padding-right: 15px;
    font-size: 20px;
}
.title-footer{
	font-size: 25px;
	color: #ffffff;
}

.heading-title p:first-child{
	   text-transform: uppercase;
    font-weight: 600;
}
.heading-title h2{
    font-size: 46px;
    line-height: 1.4;
    letter-spacing: 5px;
	margin: 0 0 13px 0;
    font-weight: 700;
}
.heading-title p{
    margin-top: 30px;
    line-height: 1.6;
font-size: 18px;
}
footer .footer-newsletter .heading-title h3{
    font-size: 36px;
    line-height: 45px;
	color: #1a1b1a;
	letter-spacing: 5px;
}
.section-home-blog .blog-content {
    max-width: 840px;
    margin: 0px auto 0;
}
.section-home-blog .blog-content .content-desc {
    font-size: 24px;
    margin-bottom: 30px;
}
.button.btn{
    position: relative;
    display: inline-block;
    z-index: 1;
    overflow: hidden;
    padding: 10px 35px;
    line-height: normal;
    color: #fff;
    background-color: var(--fs-color-primary);;
    border: 0;
    font-size: 16px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
	font-weight: 100;
    outline: none !important;
    -webkit-transition: all 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: all 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.header-button .button{
    position: relative;
    display: inline-block;
    z-index: 1;
    overflow: hidden;
    color: #fff;
    background-color: var(--fs-color-primary);;
    border: 0;
    font-size: 16px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: math-auto;
    outline: none !important;
	font-weight: 100;
    -webkit-transition: all 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: all 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
 .button.btn:before {
    content: '';
    display: block;
    background-color: var(--fs-color-secondary);
    position: absolute;
    left: -2px;
    top: 0;
    right: -2px;
    bottom: 0;
    z-index: -1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.header-button .button:before {
    content: '';
    display: block;
    background-color: var(--fs-color-secondary);
    position: absolute;
    left: -2px;
    top: 0;
    right: -2px;
    bottom: 0;
    z-index: -1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.about-banner {
	position: relative;
}
.section-home-about .about-banner .fill.banner-link:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2C3529;
    opacity: 0.8;
}
.section-home-about .about-banner .about-content {
    width: calc(100% - 20px) !important;
    height: calc(100% - 20px);
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    border: 1px solid #b99d75;
}

.section-home-about .heading-title p:nth-child(3) a {
    position: relative;
    font-size: 16px;
    background: none;
    border: none;
    text-transform: none;
    margin-top: 0px;
    color: #fff;
}

.section-home-about .heading-title p:nth-child(3) a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: var(--fs-color-primary);
    transition: transform 0.2s ease;
    transform-origin: 0 0;
    transform: scaleX(1);
}

.section-home-about .heading-title p:nth-child(3) a:hover:before {
    transform: scaleX(0);
}

.blog-post-main .col-inner{
	    position: relative;
    overflow: hidden;
    border: 1px solid #333;
}
.blog-post-main .box-text{
	padding: 10px;
}
/* .blog-post-main .box-text a{
	text-shadow: none;
} */
.blog-post-main .is-divider{
	display: none;
}
.blog-post-main .box-text .post-title{
	padding-bottom: 10px;
	font-size: 18px;
	color: #333;
}
.blog-post-main	p.from_the_blog_excerpt {
	margin-bottom: 20px;
    font-size: 16px;
}
.blog-post-main a.button {
	 position: relative;
    font-size: 16px;
    background: none;
    border: none;
    outline: none;
	text-transform: math-auto;
	margin-top: 0px;
}

.blog-post-main a.button:before {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: var(--fs-color-primary);
    transition: transform 0.2s ease;
    transform-origin: 0 0;
}  color: #fff;


.section-breadcrumb {
    position: relative;
    background-image: url(//theme.hstatic.net/200000909393/1001269498/14/banner_header_about_us.jpg?v=2535);
    background-size: cover;
    background-position: center;
}
.section-breadcrumb {
    position: relative;
    background-image: url(//theme.hstatic.net/200000909393/1001269498/14/banner_header_about_us.jpg?v=2535);
    background-size: cover;
    background-position: center;
}
.section-breadcrumb:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.breadcrumb-content{
	color: #fff;
}

.breadcrumb-content p:first-child{
	text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 30px;
}

.breadcrumb-content h1{
	font-size: 80px;
    letter-spacing: 5px;
	color: #fff;
}

.breadcrumb-content p:nth-child(3){
	font-size: 18px;
    font-weight: 600;
    margin-top: 30px;
}

.section-about-us .heading-title{
	max-width: 830px;
    margin: 0 auto;
}
.section-about-us .heading-title h2{
	color: #1a1a1a;
}
.section-about-us .heading-title p:nth-child(3){
	font-size: 18px;
    margin-top: 30px;
    line-height: 1.6;
}
.section-about-us-parallax {
    position: relative;
    background-image: url(//theme.hstatic.net/200000909393/1001269498/14/about_us_parallax_bg.jpg?v=2535);
    background-size: cover;
    background-position: center;
    padding: 200px 0;
}
.section-about-us-parallax:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
.section-about-us-parallax .parallax-content {
    position: relative;
    color: #fff;
    max-width: 920px;
}
.section-about-us-parallax .heading-title h2{
	color: #ffffff;
}
.item-counter p:first-child{
	font-size: 72px;
	margin-bottom: 0;
}
.item-counter p:nth-child(2){
	 font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}
.section-about-us-service .heading-title{
	max-width: 800px;
    margin: 0 auto 40px;
    color: #1a1a1a;
}
.email-footer .btn-footer input[type=submit], input[type=submit].button {
    background: none !important;
    color: #333;
    border: none;
    text-transform: math-auto;
    position: absolute;
    top: 0;
    right: -15px;
}
.email-footer .btn-footer .primary, input[type=submit], input[type=submit].button:hover{
	box-shadow: none !important;
	color: #333 !important;
}
.email-footer input.wpcf7-form-control.wpcf7-email.wpcf7-text.wpcf7-validates-as-email.email {
    box-shadow: none;
    border-top: none;
    border-left: none;
    border-right: none;
    background: none;
    border-bottom: 1px solid #333;
}
form.wpcf7-form.init{
	margin-bottom: 0px;
}
.wpcf7-spinner{
	display: none;
}
.item-about1 .col-inner,
.item-about3 .col-inner{
	height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.item-about1 .col-inner .item-about-text,
.item-about3 .col-inner .item-about-text{
	height: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    padding: 10px 50px;
}
.item-about2{
	background-image: url(//theme.hstatic.net/200000909393/1001269498/14/about_us_about_4_img_2.jpg?v=2537);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	height: 756px;
}
.item-about2:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
}
.item-about2{
	position: relative;
}
.item-about2 .col-inner{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    padding-bottom: 40px;
}
.item-about2 .item-about-text h3 {
    color: #fff;
}
.item-about-text p:first-child{
	font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}
.item-about-text h3{
	font-size: 30px;
    margin-bottom: 20px;
	font-weight: 700;
}
.item-about-text p:nth-child(3){
	font-size: 18px;
    margin-bottom: 30px;
}
.item-about-text a {
    position: relative;
    font-size: 16px;
    background: none;
    border: none;
    outline: none;
    text-transform: none; /* 'math-auto' không phải là giá trị hợp lệ */
    margin-top: 0px;
}

.item-about-text a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: var(--fs-color-primary);
    transition: transform 0.2s ease; /* Hiệu ứng chuyển đổi */
    transform-origin: 0 0;
    transform: scaleX(1); /* Mặc định là hiển thị thanh line */
}

.item-about-text a:hover:before {
    transform: scaleX(0); /* Thu nhỏ thanh line khi hover */
    color: #fff; /* Nếu cần thay đổi màu sắc khi hover */
}

.item-about2 .item-about-text a{
	position: relative;
	color: #fff;
}


.wrapbox-content-right{
	padding: 40px 65px;
}
.box-info-contact{
	margin-bottom: 40px;
}
.box-info-contact p:nth-child(2),
.box-info-contact p:nth-child(3) {
	border-top: 1px solid #eee;
	padding: 15px 0;
}
.box-info-contact p:nth-child(4) {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 15px 0;
}
.box-info-contact p{
	margin-bottom: 0px;
}
.contact-info{
	    background: #e0e1df;
    padding: 80px 0;
}
 .contact-info .widthContent {
    	background: #fff;
    	padding: 60px 45px;
}
.box-send-contact input.wpcf7-form-control.wpcf7-email.wpcf7-text.wpcf7-validates-as-email.email,
.box-send-contact input.wpcf7-form-control.wpcf7-text.name,
.box-send-contact input.wpcf7-form-control.wpcf7-tel.wpcf7-text.wpcf7-validates-as-tel.phone{
    background: #fff;
/*     border: 1px solid #eee; */
    border-radius: 4px;
    box-shadow: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    color: #5c5c5c;
    padding: 8px 20px;
    height: 45px;
    width: 100%;
    font-weight: 500;
}
.box-send-contact textarea.wpcf7-form-control.wpcf7-textarea.noidung {
	  background: #fff;
/*     border: 1px solid #eee; */
    border-radius: 4px;
    box-shadow: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    color: #5c5c5c;
    font-weight: 500;
	width: 100%;
    height: 130px;
    padding: 20px 20px;
}
.row.about-gallery.large-columns-2.medium-columns-.small-columns-.row-collapse {
    display: flex;
    justify-content: start;
    align-items: center;
}
.about-gallery .gallery-col:first-child{
	flex: 0 0 40%
}
.about-gallery .gallery-col:nth-child(2){
	flex: 0 0 60%;
	margin-left: -10px;
}
.section-about-us-service .service-item .col-inner {
    display: flex;
    gap: 15px;
    background: #fff;
    padding: 15px;
    height: 100%;
}
.section-about-us-service .service-item .col-inner .box-image{
	padding-bottom: 33px;
}
.section-about-us-service .row {
    gap: 20px 0;
}
.dientich .box-list-view .box .box-text, .box-vertical .box-text {
      padding-left: 5px;
    padding-right: 0px;
    padding-top: 25px;
}
.tsks{
	padding-left: 15px !important;
}
.tsks {
	position: relative;
}
.tsks .col, .columns, .gallery-item {
   padding: 0px !important;
}
.tsks .tabs .wc-tabs{
	display: none;
}
.tsks ul.tabs.wc-tabs.product-tabs.small-nav-collapse.nav.nav-uppercase.nav-line.nav-left{
	display: none !important;
}
.tsks .row.home .col{
	margin-right: 0px;
}
.tsks .acf1{
	margin-left: -100px;
}
.product-page-left .woocommerce-tabs ul{
	display: none;
}
.product-page-left .related.related-products-wrapper.product-section {
    display: none;
}
.section-breadcrumb-nhahang{
	position: relative;
    background-image: url(//theme.hstatic.net/200000909393/1001269498/14/banner_header_menu.jpg?v=2535);
    background-size: cover;
    background-position: center;
    padding: 100px 0;
}

.section-breadcrumb-nhahang:before{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}
.section-breadcrumb-event{
    position: relative;
    background-image: url(//theme.hstatic.net/200000909393/1001269498/14/banner_header_event.jpg?v=2535);
    background-size: cover;
    background-position: center;
    padding: 200px 0;
}
.section-breadcrumb-event:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}
.section-event-group .heading-title p:first-child{
	font-size: 12px;
    margin-bottom: 10px;
}
.section-event-group .heading-title h2{
       font-size: 33px;
}
.section-event-group .heading-title p{
       font-size: 16px;
    margin-top: 15px;
}


.section-event-group .heading-title a {
    position: relative;
    font-size: 16px;
    background: none;
    border: none;
    outline: none;
    text-transform: none;
    margin-top: 0px;
}

.section-event-group .heading-title a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: var(--fs-color-primary);
    transition: transform 0.2s ease; /* Hiệu ứng chuyển đổi mượt mà */
    transform-origin: 0 0;
    transform: scaleX(1); /* Mặc định là hiển thị thanh line */
}

.section-event-group .heading-title a:hover:before {
    transform: scaleX(0); /* Thu nhỏ thanh line khi hover */
}



.section-event-group .content-detail {
	padding: 15px 40px !important;
    background: #f6f7f6;
}

.section-event-group .content-detail .col-inner{
	height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.section-breadcrumb-spa{
	position: relative;
    background-image: url(//theme.hstatic.net/200000909393/1001269498/14/banner_header_spa.jpg?v=2535);
    background-size: cover;
    background-position: center;
    padding: 200px 0;
}
.section-breadcrumb-spa:before{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.item-service--1 {
    position: relative;
	    height: 611px;
    padding: 200px 0;
    overflow: hidden; /* Đảm bảo phần tử con không tràn ra ngoài */
	background: rgba(0, 0, 0, 0.3);
}

.item-service--1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://hotel-maple.theme.trueads.vn/wp-content/uploads/2024/10/spa_service_1_img.jpg);
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease; /* Thời gian và kiểu chuyển đổi */
    z-index: -1; /* Đảm bảo hình nền nằm phía sau nội dung */
}
.item-service--1:hover::before,
.item-service--2:hover::before,
.item-service--3:hover::before,
.item-service--4:hover::before,
.item-service--5:hover::before {
    transform: scale(1.1); /* Phóng to hình nền khi hover */
}

.section-spa-service .item-service--1 .col-inner,
.section-spa-service .item-service--2 .col-inner,
.section-spa-service .item-service--3 .col-inner,
.section-spa-service .item-service--4 .col-inner,
.section-spa-service .item-service--5 .col-inner{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 20px 30px 40px;
    color: #fff;
    z-index: 1;
}
.section-spa-service .item-service--1 .item-content p:first-child,
.section-spa-service .item-service--2 .item-content p:first-child,
.section-spa-service .item-service--3 .item-content p:first-child,
.section-spa-service .item-service--4 .item-content p:first-child,
.section-spa-service .item-service--5 .item-content p:first-child{
	font-size: 12px;
    margin-bottom: 10px;
	text-transform: uppercase;
    font-weight: 600;
}

.section-spa-service .item-service--1 .item-content p:nth-child(2),
.section-spa-service .item-service--2 .item-content p:nth-child(2),
.section-spa-service .item-service--3 .item-content p:nth-child(2),
.section-spa-service .item-service--4 .item-content p:nth-child(2),
.section-spa-service .item-service--5 .item-content p:nth-child(2){
	 	font-size: 30px;
    	margin-bottom: 10px;
	    line-height: 1.4;
    	letter-spacing: 5px;
}
.section-spa-service .item-service--1 .item-content p:nth-child(3),
.section-spa-service .item-service--2 .item-content p:nth-child(3),
.section-spa-service .item-service--3 .item-content p:nth-child(3),
.section-spa-service .item-service--4 .item-content p:nth-child(3),
.section-spa-service .item-service--5 .item-content p:nth-child(3) {
    font-size: 16px;
    margin-top: 0;
    line-height: 1.6;
}

.section-spa-service .item-content a {
    position: relative; /* Cần thiết để sử dụng position absolute cho ::before */
    font-size: 16px; /* Đảm bảo font-size phù hợp */
    text-decoration: none; /* Loại bỏ gạch chân */
    color: #fff; /* Màu chữ */
}

.section-spa-service .item-content a:before {
    content: "";
    position: absolute;
    bottom: 0; /* Đặt ở đáy */
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: var(--fs-color-primary); /* Màu sắc theo biến */
    transition: transform 0.2s ease; /* Hiệu ứng chuyển đổi mượt mà */
    transform-origin: 0 0;
    transform: scaleX(1); /* Mặc định là hiển thị thanh line */
}

.section-spa-service .item-content a:hover:before {
    transform: scaleX(0); /* Thu nhỏ thanh line khi hover */
}

/* Các lớp cụ thể cho từng dịch vụ */

.section-spa-service .item-service--1 .item-content p a,
.section-spa-service .item-service--2 .item-content p a,
.section-spa-service .item-service--3 .item-content p a,
.section-spa-service .item-service--4 .item-content p a,
.section-spa-service .item-service--5 .item-content p a {
    font-size: 16px; /* Đảm bảo kích thước phông chữ đồng nhất */
    position: relative;
    color: #fff; /* Màu chữ */
}

.section-spa-service .item-service--1 .item-content p a:before,
.section-spa-service .item-service--2 .item-content p a:before,
.section-spa-service .item-service--3 .item-content p a:before,
.section-spa-service .item-service--4 .item-content p a:before,
.section-spa-service .item-service--5 .item-content p a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: var(--fs-color-primary);
    transition: transform 0.2s ease;
    transform-origin: 0 0;
}


.item-service--2 {
    position: relative;
    padding: 200px 0;
	height: 700px;
    overflow: hidden; /* Đảm bảo phần tử con không tràn ra ngoài */
	background: rgba(0, 0, 0, 0.3);
}

.item-service--2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://hotel-maple.theme.trueads.vn/wp-content/uploads/2024/10/spa_service_2_img.jpg);
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease; /* Thời gian và kiểu chuyển đổi */
    z-index: -1; /* Đảm bảo hình nền nằm phía sau nội dung */
}

.item-service--3 {
    position: relative;
    padding: 200px 0;
	height: 700px;
    overflow: hidden; /* Đảm bảo phần tử con không tràn ra ngoài */
	background: rgba(0, 0, 0, 0.3);
}

.item-service--3::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://hotel-maple.theme.trueads.vn/wp-content/uploads/2024/10/spa_service_3_img.webp);
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease; /* Thời gian và kiểu chuyển đổi */
    z-index: -1; /* Đảm bảo hình nền nằm phía sau nội dung */
}

.item-service--4 {
    position: relative;
    padding: 200px 0;
	height: 700px;
    overflow: hidden; /* Đảm bảo phần tử con không tràn ra ngoài */
	background: rgba(0, 0, 0, 0.3);
}

.item-service--4::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://hotel-maple.theme.trueads.vn/wp-content/uploads/2024/10/spa_service_4_img.jpg);
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease; /* Thời gian và kiểu chuyển đổi */
    z-index: -1; /* Đảm bảo hình nền nằm phía sau nội dung */
}

.item-service--5 {
    position: relative;
    padding: 200px 0;
	height: 700px;
    overflow: hidden; /* Đảm bảo phần tử con không tràn ra ngoài */
	background: rgba(0, 0, 0, 0.3);
}

.item-service--5::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://hotel-maple.theme.trueads.vn/wp-content/uploads/2024/10/spa_service_5_img.webp);
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease; /* Thời gian và kiểu chuyển đổi */
    z-index: -1; /* Đảm bảo hình nền nằm phía sau nội dung */
}

.section-breadcrumb-phong{
	position: relative;
    background-image: url(//theme.hstatic.net/200000909393/1001269498/14/banner_header_col_all.jpg?v=2537);
    background-size: cover;
    background-position: center;
    padding: 100px 0;
}

.section-breadcrumb-phong:before{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}
.section-collection-col{
	position: relative;
    background-image: url(//theme.hstatic.net/200000909393/1001269498/14/collection_col_1_banner.jpg?v=2537);
    background-size: cover;
    background-position: center;
	color: #fff;
}
.section-collection-col2{
	position: relative;
    background-image: url(//theme.hstatic.net/200000909393/1001269498/14/collection_col_2_banner.jpg?v=2537);
    background-size: cover;
    background-position: center;
	color: #fff;
}
.section-collection-col .heading-title h2,
.section-collection-col2 .heading-title h2{
	color: #fff;
	font-size: 42px;
}

.section-collection-col .heading-title p:first-child,
.section-collection-col2 .heading-title p:first-child {
	font-size: 12px;
    font-weight: 400;
    margin-bottom: 15px;
}
.section-collection-col .heading-title p,
.section-collection-col2 .heading-title p{
	 font-weight: 400;
    margin: 15px 0 0;
}
.section-collection-col2:before{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}
.section-collection-col:before{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}
.product-menu .product-small.box,
.product-menu1 .product-small.box{
	display: flex;
}
.product-menu1 .product-small.box .Hotel-Loop-link,
.product-menu .product-small.box .Hotel-Loop-link{
	display: none;
}
.product-menu .add-to-cart-button,
.product-menu1 .add-to-cart-button,
.product- .add-to-cart-button{
    display: none;
}

.product-menu .custom-ux{
	display: none;
}
.product-menu .product-small.box .box-image{
	width: 120px;
}
.product-menu1 .product-small.box .box-image{
	display: none;
}
.product-menu .product-small.box .box-image img,
.product-menu1 .product-small.box .box-image img{
	border-radius: 50px;
}
.product-menu .product-small .box .box-text a.button,
.product-menu1 .product-small .box .box-text a.button{
	display: none;
}
.product-menu1 .tsks{
	display: none;
}
/* body.product-template-default .tsks-2{
	display: none;
} */

.splq .custom-ux .info{
	padding-top: 7px;
    padding-left: 3px;
    font-size: 10px;
}
.product-menu .tsks,
.product-menu1 .tsks{
	display: none;
}

.product-menu .product-small.box p.box-excerpt.is-small,
.product-menu1 .product-small.box p.box-excerpt.is-small {
    position: absolute;
    left: 0;
	opacity: 0.8;
    font-size: 16px;
}
span.amount {
    color: #111;
    font-weight: 700;
    white-space: nowrap;
	font-size: 16px;
}
.product-menu .product-small.box  .box-text.box-text-products,
.product-menu1 .product-small.box  .box-text.box-text-products{
    margin-left: 10px;
}
.product-menu .product-small.box .price-wrapper{
    position: absolute;
top: 15px;
right: -92px;
background: #fff;
z-index: 1;
}

.product-menu1 .product-small.box .price-wrapper{
position: absolute;
top: 15px;
right: -92px;
background: #fff;
z-index: 1;
}
.product-menu a.woocommerce-LoopProduct-link.woocommerce-loop-product__link:after {
border: 2px dotted #787878;
content: '';
position: absolute;
width: 270px;
top: 25px;
z-index: 1;
}

.product-menu1 a.woocommerce-LoopProduct-link.woocommerce-loop-product__link:after {
border: 2px dotted #787878;
content: '';
position: absolute;
width: 350px;
top: 22px;
z-index: 1;
}
.product-menu .product-small.box .price-wrapper span.price {
    padding-right: 40px;
}
.product-menu, 
.product-menu1 .product-small.box a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.col-border {
    position: relative;
    color: #dfdbdc;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
}
.section-menu-collection .col-title h2 {
    font-size: 32px;
    color: var(--fs-color-primary);
    margin-bottom: 40px;
}
.product-page-left .woocommerce-tabs{
	display: block
}
.woocommerce-tabs{
	display: none;
}

.button.alt, .button.checkout, .checkout-button, .secondary {
    background-color: var(--fs-color-secondary);
    color: #fff;
}
.section-collection-about-2{
	position: relative;
    background-image: url(//theme.hstatic.net/200000909393/1001269498/14/collection_col_2_banner.jpg?v=2537);
    background-size: cover;
    background-position: center;
	color: #fff;
}
.section-collection-about-2 h2{
	color: #fff;
}
.section-collection-about-2 .heading-title {
    max-width: 1000px;
    margin: 0 auto;
}
.section-collection-about-2:before{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}
.product-hotel .product-small.box{
	position: relative;
}
.custom-ux{
	order: 2;
	margin-bottom: 10px;
    margin-top: 10px;
}
.custom-ux .box-text{
	display: contents !important;
} 
.product-hotel .product-small.box .box-text{
	display: grid;
}
.product-hotel .tsks .acf1 {
    margin-left: 0px;
}

.info {
    padding-top: 3px;
    padding-left: 5px;
}
.tsks-2{
	padding: 0px !important;
}

.product-hotel .product-small.box .price-wrapper {
    position: absolute;
    top: -250px;
    left: 20px;
    background: #fff;
    padding: 5px 10px;
    height: 35px !important;
    /* color: #fff; */
}
.product-hotel .product-small.box .price-wrapper bdi{	
	font-weight: 100;
}
.product-hotel .product-small.box .price-wrapper:after{
	content:'/ Đêm';
	font-size: 15px;
}
.product-hotel .product-small.box .price-wrapper .price {
    display: inline;
}
.product-hotel .product-small.box .title-wrapper a{	
	font-weight: 700;
	font-size: 30px;
	order: 1;
}
.product-hotel .product-small.box p.box-excerpt.is-small{
    font-size: 16px;
	order: 3;
}
.product-info nav.woocommerce-breadcrumb.breadcrumbs.uppercase {
    display: none;
}
.product-info .product-title{
	margin: 0px;
}
nav.woocommerce-breadcrumb.breadcrumbs.uppercase {
    font-size: 16px;
    padding: 10px 0;
    background: transparent;
    border-radius: 0;
    margin: 0;
    list-style: none;
	text-transform: math-auto;
}

.stock-status span{
	color: var(--fs-color-primary);
}
.product-info.summary.col-fit.col.entry-summary.product-summary > div.price-wrapper > p > span > bdi{
	font-size: 28px;
    font-weight: 600;
    color: red;
    padding-right: 10px;
}
.product-info.summary.col-fit.col.entry-summary.product-summary > div.price-wrapper > p > span > bdi:before{
	content: 'Giá';
	padding-right: 120px;
    font-weight: 600;
	color: #1a1a1a;
	font-size: 16px;
}
.product-info .price-wrapper {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    background: #fafafa;
    padding: 0 15px;
    border-radius: 4px;
    display: flex;
    display: -ms-flex;
    align-items: center;
    -ms-align-items: center;
}
.section-home-about {
    padding: 140px 0 50px;
    background: #e0e1df;
}
form.cart .ux-quantity.quantity.buttons_added:before{
	content: 'Số Lượng';
    margin-right: 85px;
    font-weight: 600;
    padding-left: 15px;
}
.product-short-description{
	padding-left: 15px;
}
form.cart .ux-quantity.quantity.buttons_added {
    margin-bottom: 1em;
    margin-right: 30vh;
}
form.cart .button.single_add_to_cart_button.button.alt {
    height: 52px;
    width: 324px;
    position: relative;
    display: inline-block;
    z-index: 1;
    overflow: hidden;
    padding: 10px 35px;
    line-height: normal;
    color: var(--fs-color-primary);
    background-color: transparent;
    border: 2px solid var(--fs-color-primary);
    font-size: 15px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: math-auto;
    outline: none !important;
    -webkit-transition: all 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: all 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    border-radius: 5px;
}

form.cart .button.single_add_to_cart_button.button.alt:before {
    content: '';
    display: block;
    background-color: var(--fs-color-primary);
    position: absolute;
    left: -2px;
    top: 0;
    right: -2px;
    bottom: 0;
    z-index: -1;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

form.cart .button.single_add_to_cart_button.button.alt:hover {
    color: #fff;
    background-color: var(--fs-color-primary);
}

form.cart .button.single_add_to_cart_button.button.alt:hover:before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

nav.woocommerce-breadcrumb.breadcrumbs.uppercase a{
	color: #1a1a1a;
}

.button.buy-now{
	height: 52px;
	width: 324px;
    position: relative;
    display: inline-block;
    z-index: 1;
    overflow: hidden;
    padding: 10px 35px;
    line-height: normal;
    color: #fff;
    background-color: var(--fs-color-primary);;
    border: 0;
    font-size: 15px;
    text-align: center;
    letter-spacing: 1px;
    outline: none !important;
    -webkit-transition: all 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: all 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	border-radius: 5px;
	text-transform: math-auto;
}

 .button.buy-now:before {
    content: '';
    display: block;
    background-color: var(--fs-color-secondary);
    position: absolute;
    left: -2px;
    top: 0;
    right: -2px;
    bottom: 0;
    z-index: -1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
form.cart input.ux-quantity__button.ux-quantity__button--plus.button.plus.is-form,
form.cart input.ux-quantity__button.ux-quantity__button--minus.button.minus.is-form {
    background: #fff;
    border: 1px solid #f3f4f4;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    outline: none;
    height: 40px;
    line-height: 40px;
    width: 40px;
    text-align: center;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}
form.cart .quantity input[type=number]  {
    background: #fff;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    width: 40px;
    padding: 0;
    text-align: center;
    border: 1px solid #f3f4f4;
    border-left: none;
    border-right: none;
    border-radius: 1px;
    float: left;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
	box-shadow: none;
}
.col.grid-nhahang {
	padding: 0px;
}

/* gio hang */
div.woocommerce.row.row-large.row-divided > div.cart-collaterals.large-5.col.pb-0 > div > div > table:nth-child(1) {
    background: var(--fs-color-primary);
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    padding: 5px;
    margin-bottom: 5px;
}
.cart_totals th.product-name {
    color: white;
    font-size: 20px;
    text-align: center;
}
.cart_totals th.product-name {
    border-width: 0;
}
.button.alt, .button.checkout, .checkout-button, .secondary {
    background-color: var(--fs-color-primary);
}
.shipping__inner{
	display: none;
}


/* gio hang */
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
    border: 1px solid var(--fs-color-primary);
    border-radius: 10px;
}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr th.product-name {
    border-top-left-radius: 10px;
}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr th {
    border-left: 1px solid var(--fs-color-primary);
    border-right: 1px solid var(--fs-color-primary)f;
    border-bottom: 1px solid var(--fs-color-primary);
    text-align: center;
    color: black;
    font-size: 14px;
}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr th.product-subtotal {
    border-top-right-radius: 10px;
}
.woocommerce-cart-form__cart-item.cart_item td {
    padding: 10px 10px;
}
.continue-shopping.pull-left.text-left {
    margin-right: 20px;
    margin-left: 20px !important;
}
.continue-shopping.pull-left.text-left a{
	border-radius: 5px;
}
button.button.primary.mt-0.pull-left.small {
    border: 1px solid var(--fs-color-primary);
    border-radius: 5px;
    width: 57%;
    text-align: center;
    padding-top: 1px;
    background: var(--fs-color-primary);
}
.cart-collaterals .cart-sidebar form.checkout_coupon button {
    border-radius: 5px;
}
.checkout_coupon button.button.expand {
    background: var(--fs-color-primary);
    border-radius: 5px;
    margin-left: 5px;
    color: white;
}

/* thanh toan */

.woocommerce-billing-fields {
    border-top: unset;
    padding-top: unset;
    border: 1px solid var(--fs-color-primary);
    border-radius: 10px;
    margin-bottom: 25px;
}
.woocommerce-billing-fields h3 {
    text-align: center;
    background: var(--fs-color-primary);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 5px;
    color: white;
	font-family: Quicksand, sans-serif; 
}
.woocommerce-checkout .content-area.page-wrapper {
    h3 {
        text-align: center;
    }
}
.woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper {
    padding: 5px 10px;
}
.woocommerce-additional-fields h3 {
    border: 1px solid var(--fs-color-primary);
    padding: 5px 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	font-family: Quicksand, sans-serif; 
}
.has-border {
    border: 1px solid  var(--fs-color-primary);
    padding: 5px 20px;
    border-radius: 10px;
}
h3#order_review_heading {
    text-align: center;
    color: black;
	font-family: Quicksand, sans-serif; 
}
img.chowordpress-image-product-checkout {
    margin-right: 8px;
}
	.button.btn-ldp {
		padding: 10px 25px;
		border: 1px solid;
		display: inline-block;
		background: #fff;
		color: #1a1a1a;
	}
.section-about-us .button.btn-ldp{
    padding: 10px 25px;
    border: 1px solid;
    display: inline-block;
    background: #fff;
    color: #1a1a1a;
}	
	.section-about-us a.button.primary.lowercase.btn-ldp:hover{
		 background: var(--fs-color-primary);
		color: #fff;
		border-color: var(--fs-color-primary);
	}
.section-collection-col	.section-content.relative {
    position: unset !important;
}
.section-collection-col .section-content.relative:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: calc(50% - 20px);
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 20px;
    border-color: transparent transparent #ffffff transparent;
}

.section-collection-col2 .section-content.relative {
    position: unset !important;
}
.section-collection-col2 .section-content.relative:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: calc(50% - 20px);
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 20px;
    border-color: transparent transparent #ffffff transparent;
}

.product-hotel-room .product-small.box{
	position: relative;
	text-align: left;
}

.product-hotel-room .custom-ux .box-text {
    display: contents !important;
}

.product-hotel-room .custom-ux .acf1{
	margin-left: -50px;
}

.product-hotel-room .custom-ux .tsks-2 .acf-image .box-image{
	width: 15% !important;
}

.product-hotel-room .product-small .box .box-text{
	display: grid;
}

/* .product-hotel-room .custom-ux {
    order: 2;
    margin-bottom: 10px;
    margin-top: 10px;
} */

.product-hotel-room .product-small.box .price-wrapper {
    position: absolute;
    top: -365px;
    left: 20px;
    background: #fff;
    padding: 5px 10px;
    height: 35px !important;
    /* color: #fff; */
}
.product-hotel-room .product-small.box .price-wrapper bdi{	
	font-weight: 100;
}
.product-hotel-room .product-small.box .price-wrapper:after{
	content:'/ Đêm';
	font-size: 15px;
}
.product-hotel-room .product-small.box .price-wrapper .price {
    display: inline;
}
.product-hotel-room .product-small.box .title-wrapper a{	
	font-weight: 700;
	font-size: 30px;
	order: 1;
}
.product-hotel-room .product-small.box p.box-excerpt.is-small{
    font-size: 16px;
    margin-bottom: 20px;
}
.product-hotel-room .product-small.box p.box-excerpt.is-small{
    order: 3;
}
.product-hotel-room1 .info {
    padding-top: 8px;
    padding-left: 1px;
}
.section-product-room .product-hotel-room1 .product-small.box .custom-ux .info {
    padding-top: 8px;
    padding-left: 1px;
}


.section-menu-collection .custom-ux {
    order: 2;
    margin-bottom: 0px;
    margin-top: 0px;
}

.product-hotel-room1 .custom-ux{
    opacity: 1;
    height: 0;
    transition: all ease 0.8s;
}

.product-hotel-room1 .col-inner .product-small.box:hover .custom-ux{
	 font-size: 14px;
    opacity: 0;
    height: 0;
    transition: all ease 0.8s;
}

/* .product-hotel-room1 .add-to-cart-button{
	opacity: 0;
    height: 0;
    transition: all ease 0.8s;
}

.product-hotel-room1 .col-inner .product-small.box:hover .add-to-cart-button{
	font-size: 14px;
    opacity: 1;
    height: 0;
    transition: all ease 0.8s;
} */

.product-hotel-room1 .product-small.box .price-wrapper bdi{	
	font-weight: 100;
	color: #1a1a1a;
	text-shadow: none;
}
.product-hotel-room1 .product-small.box .price-wrapper:after{
	content:'/ Đêm';
	font-size: 15px;
	opacity: 1;
}
.product-hotel-room1 .product-small.box .price-wrapper .price {
    display: inline;
}
.product-hotel-room1 .product-small.box .title-wrapper .name a{
	opacity: 1;
}
.product-hotel-room1 .col-inner .product-small.box:hover .title-wrapper .name a{
	 font-size: 14px;
    opacity: 0;
    height: 0;
    transition: all ease 0.8s;
}
.product-hotel-room1 .col-inner .product-small.box:hover p.box-excerpt.is-small{
	position: absolute;
    top: 0px;
    padding-left: 10px;
	opacity: 0;
    height: 0;
    transition: all ease 0.8s;
}
.product-hotel-room1 .product-small.box .title-wrapper a{	
	font-weight: 700;
	font-size: 30px;
	order: 1;
}
.product-hotel-room1 .product-small.box p.box-excerpt.is-small{
    font-size: 14px;
    opacity: 0;
    height: 0;
    transition: all ease 0.8s;
}

.product-hotel-room1 .product-small.box .box-text{
	display: grid;
}
.product-hotel-room1 .tsks .acf1 {
    margin-left: 0px;
}
.product-hotel-room1 .product-small.box .custom-ux .box-image{
	filter: brightness(0) invert(1);
}
.section-about-us-about2 .product-hotel-room1 .custom-ux .acf1 {
    margin-left: -50px;
}
.section-about-us-about2 .product-hotel-room1 .custom-ux .tsks-2 .acf-image .box-image {
    width: 16% !important;
    margin: 0;
}
.section-about-us-about2 .product-hotel-room1 .product-small.box{
	position: relative;
}
.section-about-us-about2 .product-hotel-room1 .product-small.box .price-wrapper {
	 position: absolute;
    top: -215px;
	left: 20px;
    background: #fff;
    padding: 8px 10px;
    height: 35px !important;
	color: #1a1a1a;
	text-shadow: none;
}

.product-hotel-room1 .product-small.box p.box-excerpt.is-small{
    opacity: 0;
    height: 0;
    transition: all ease 0.8s;
}
.section-product-room .product-hotel-room1 .product-small.box .price-wrapper {
    position: absolute;
    top: -335px;
    left: 20px;
    background: #fff;
    padding: 8px 10px;
    height: 35px !important;
	color: #1a1a1a;
	text-shadow: none;
}

.product-small.box .add-to-cart-button{
	order: 4;
}
.product-hotel-room1  .product-small.box a.add-to-cart-button{
	opacity: 0;	
}

.product-small.box a.add-to-cart-button{
    border: none; 
    text-transform: capitalize;
    font-size: 16px;
    padding: 0px;
    color: #1a1a1a;
    font-weight: 100;
    position: relative;
	margin: 0px;
	width: 90px;
    margin-top: 10px;
}

.product-hotel-room1 .product-small.box a.add-to-cart-button{
	color: #fff;
}
.product-small.box a.add-to-cart-button:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: var(--fs-color-primary); /* Màu từ biến CSS */
    transition: transform 0.2s ease;
    transform-origin: 0 0;
    transform: scaleX(1); /* Hiển thị thanh line mặc định */
}

.product-small.box a.add-to-cart-button:hover:before {
    transform: scaleX(0); /* Thu nhỏ thanh line khi hover */
}
.product-small .is-outline:hover, .primary.is-outline:hover {
    background-color: transparent !important; /* Sửa 'none' thành 'transparent' */
    border-color: var(--fs-color-primary); /* Màu viền */
    color: #fff; /* Màu chữ */
}
.product-hotel-room1 .custom-ux{
    opacity: 1;
    height: 0;
    transition: all ease 0.8s;
}

.product-hotel-room1 .col-inner .product-small.box:hover a.add-to-cart-button{
	opacity: 1;
    height: 0;
    transition: all ease 0.8s;
}

.product-hotel-room1 .product-small.box .price-wrapper bdi{	
	font-weight: 100;
	color: #1a1a1a;
	text-shadow: none;
}
.product-hotel-room1 .product-small.box .price-wrapper:after{
	content:'/ Đêm';
	font-size: 15px;
}
.product-hotel-room1 .product-small.box .price-wrapper .price {
    display: inline;
}
.product-hotel-room1 .product-small.box .title-wrapper .name a{
	opacity: 1;
}
.product-hotel-room1 .col-inner .product-small.box:hover .title-wrapper .name a{
	 font-size: 14px;
    opacity: 0;
    height: 0;
    transition: all ease 0.8s;
}
.product-hotel-room1 .col-inner .product-small.box:hover p.box-excerpt.is-small{
	font-size: 14px;
    opacity: 1;
    height: 0;
    transition: all ease 0.8s;
}
.product-hotel-room1 .product-small.box .title-wrapper a{	
	font-weight: 700;
	font-size: 30px;
	order: 1;
}
.product-hotel-room1 .product-small.box p.box-excerpt.is-small{
    font-size: 14px;
    opacity: 0;
    height: 0;
    transition: all ease 0.8s;
}
.popup .col{
	padding: 0px;
}
.pum-theme-250948 .pum-container, .pum-theme-default-theme .pum-container {
    padding: 0px;
}
.blog-wrapper .menu-main-menu-container {
	 padding: 0 0px 15px;
    border-top: 1px solid #eee;
}
.blog-wrapper .menu-main-menu-container ul li{
	border-bottom: 1px dashed #eee;
}

.blog-wrapper .menu-main-menu-container ul li a{
	padding: 12px 0;
    font-weight: 500;
    font-size: 15px;
}
.blog-wrapper .menu-main-menu-container ul li:nth-child(7){
	display: none;
}
.product-template-default.single.single-product .product-small .box-text{
	display: grid;
	margin-left: -8px;
}
.product-template-default.single.single-product .product-small .title-wrapper a{	
	font-weight: 700;
	font-size: 30px;
	order: 1;
}
.product-template-default.single.single-product .product-small p.box-excerpt.is-small{
	order: 3;
}
.product-template-default.single.single-product .product-small.box .price-wrapper {
    position: absolute;
    top: -280px;
    left: 20px;
    background: #fff;
    padding: 8px 10px;
    height: 35px !important;
	color: #1a1a1a;
	text-shadow: none;
}
.product-template-default.single.single-product .splq .product-small.box .price-wrapper {
    position: absolute;
    top: -180px;
    left: 20px;
    background: #fff;
    padding: 8px 10px;
    height: 35px !important;
	color: #1a1a1a;
	text-shadow: none;
}
.product-template-default.single.single-product .product-small.box .price-wrapper .price bdi{
	font-weight: 100;
	font-size: 12px;
}
.product-template-default.single.single-product .product-small.box .price-wrapper:after {
    content: '/ Đêm';
    font-size: 12px;
}
.product-template-default.single.single-product .product-small.box .price-wrapper .price {
    display: inline;
}
.product-template-default.single.single-product .product-small .title-wrapper a {
    font-size: 20px;
}
	.related.related-products-wrapper.product-section .splq .custom-ux .info {
		padding-top: 7px;
		padding-left: 5px;
		font-size: 12px;
	}
.related.related-products-wrapper.product-section .add-to-cart-button{
	display: none;
}
.splq  .related.related-products-wrapper.product-section .add-to-cart-button{
	display: block;
}
.product-small.box .add-to-cart-button a{
    border: none; 
    text-transform: capitalize;
    font-size: 16px;
    padding: 0px;
    color: #1a1a1a;
    font-weight: 100;
    position: relative;
	margin: 0px;
}

.product-hotel-room1 .product-small.box .add-to-cart-button a{
	color: #fff;
}
.product-small.box .add-to-cart-button a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: var(--fs-color-primary); /* Màu từ biến CSS */
    transition: transform 0.2s ease;
    transform-origin: 0 0;
    transform: scaleX(1); /* Hiển thị thanh line mặc định */
}

.product-small.box .add-to-cart-button a:hover:before {
    transform: scaleX(0); /* Thu nhỏ thanh line khi hover */
}
.section_filter .col-inner{
display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: -90px;
    z-index: 2;
    background: #fff;
    padding: 10px 40px;
    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
}
.section_filter .berocket_single_filter_widget.berocket_single_filter_widget_251458.bapf_wid_ {
	width: 33%;
}
.section_filter .berocket_single_filter_widget.berocket_single_filter_widget_251461.bapf_wid_ {
	width: 33%;
}
.berocket_single_filter_widget.berocket_single_filter_widget_251462.bapf_wid_ {
	display: flex;
    margin-top: 30px;
    align-items: flex-end;
}

.bapf_sfilter.bapf_button_berocket .bapf_button {
    position: relative;
    display: inline-block;
    z-index: 1;
    overflow: hidden;
    color: #fff;
    background-color: var(--fs-color-primary);
    border: 0;
    font-size: 16px;
    text-align: center;
    letter-spacing: 1px;
    outline: none !important;
    font-weight: 100; /* Thay đổi từ 600 thành 100 */
padding: 8px 70px;
    line-height: 28px;
    text-decoration: none;
    -webkit-transition: all 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: all 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.bapf_sfilter.bapf_button_berocket .bapf_button:hover {
    background-color: var(--fs-color-secondary);
}

.bapf_sfilter.bapf_button_berocket .bapf_button:before {
    content: '';
    display: block;
    background-color: var(--fs-color-secondary);
    position: absolute;
    left: -2px;
    top: 0;
    right: -2px;
    bottom: 0;
    z-index: -1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

@media only screen and (min-device-width: 769px) and (max-device-width: 1024px)  {
	.product-hotel .info {
    	font-size: 10px;
	}
	.section-about-us-about2 .product-hotel-room1 .custom-ux .acf1 {
    	margin-left: -25px;
	}
	.product-hotel-room .product-small.box .price-wrapper {
		top: -290px;
	}
	.product-hotel-room .product-small.box .price-wrapper .custom-ux info{
		font-size: 12px;
	}
	.product-hotel-room .custom-ux .acf1 {
    	margin-left: -25px;
	}
	.tsks .acf1 {
    	margin-left: -55px;
	}
	.product-menu a.woocommerce-LoopProduct-link.woocommerce-loop-product__link:after {
   	 	width: 130px;
	}
	.product-menu .product-small.box .price-wrapper {
    	right: -40px;
	}
	.product-menu1 .product-small.box .price-wrapper {
    	right: -8px;
	}
	.product-menu1 a.woocommerce-LoopProduct-link.woocommerce-loop-product__link:after {
    	width: 165px;
	}
	.header-main .nav > li > a {
    	line-height: 0px;
		font-size: 14px;
	}
	.header-button .button {
    	font-size: 14px;
	}
	span.product-name input.wpcf7-form-control.wpcf7-text.wpcf7dtx.wpcf7dtx-text {
		padding-left: 32px;
		font-size: 18px;
		padding-top: 0px;
		position: absolute;
	}
	span.wpcf7-form-control-wrap.product-name{
		margin-bottom: 15px;
	}
	
	span.wpcf7-form-control-wrap.product-price{
		margin-bottom: 15px;
	}
	span.product-price input.wpcf7-form-control.wpcf7-text.wpcf7dtx.wpcf7dtx-text {
		padding-left: 33px;
		font-size: 18px;
		padding-top: 0px;
		position: absolute;
	}
	span.wpcf7-form-control-wrap.product-price:after {
		position: absolute;
		right: 3px;
		bottom: 0px;
	}
}

	
@media (min-width: 992px) {
    .section-home-collection .heading-title {
        max-width: 645px;
    }
	.section-event-group .col{
		padding: 0px;
	}
	.button:hover:before, .button:focus:before {
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
    }
	 .contact-info .widthContent {
        margin-top: -80px;
        position: relative;
    }
	    .section-spa-service .row .item-service--1 {
        margin-bottom: 95px;
    }
	    .section-spa-service .row > div {
        padding: 0;
    }
	.section-spa-service .row .item-service--3 {
        padding-left: 95px;
    }
	.section-spa-service .row .item-service--4 {
        padding-right: 95px;
    }
	  .section-spa-service .row .item-service--5 {
        padding-top: 95px;
    }

}

	
@media screen and (min-width: 850px) {
  .tsks .large-2 {
        flex-basis: 12.666667%;
        max-width: 12.6666666667%;
    }
	.product-gallery.large-6.col  {
        flex-basis: 45%;
        max-width: 45%;
	}
	.related.related-products-wrapper.product-section .custom-ux .tsks-2 .large-3 {
        flex-basis: 33%;
        max-width: 33%;
    }

}	
	
	
@media screen and (max-width: 768px) {
	.contact-info .widthContent{
        padding: 20px;
    }
	.wrapbox-content-right {
    	padding: 20px;
	}
	.contact-info {
		padding: 20px;
	}
	.about-banner{
		height: 328px;
	}
	.heading-title h2{
		padding: 0;
        font-size: 36px;
        line-height: 50px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
	}
	.product-hotel .product-small.box .price-wrapper {
    	top: -222px;
	}
	.product-hotel .product-small.box .title-wrapper a {
		font-size: 24px;
	}
	.section-home-blog .blog-content .content-desc {
		font-size: 16px;
		margin-bottom: 20px;
		margin-top: 30px;
	}
	.slider-detail h2 {
		font-size: 45px;
	}
	.breadcrumb-content p:first-child {
    	margin-bottom: 15px;
	}
	.breadcrumb-content h1 {
    	font-size: 40px;;
	}
	.breadcrumb-content p:nth-child(3) {
		margin-top: 15px;
	}
	.product-hotel-room .product-small.box .price-wrapper {
		top: -300px;
	}
	.phong .product-hotel-room .product-small.box .price-wrapper {
		top: -465px;
	}
	  .section-about-us-service .service-item .col-inner .box-image {
        width: 6% !important;
    }
	.service-item .col-inner .box-text.text-center {
        padding-top: 0px;
        padding-left: 10px;
    }
	    .service-item .col-inner .box-text.text-center .box-text-inner h3 {
        font-size: 20px;
    }
	.service-item .col-inner .box-text.text-center .box-text-inner p {
        font-size: 16px;
        margin-top: 10px;
    }
	.item-about1 .col-inner .item-about-text, .item-about3 .col-inner .item-about-text {
    	padding: 30px 50px;
	}
	.product-menu .product-small.box .price-wrapper {
    	right: 15px;
	}
	.product-menu a.woocommerce-LoopProduct-link.woocommerce-loop-product__link:after { 
		width: 405px;
	}
	.product-menu1 .product-small.box .price-wrapper {
		right: 50px;
	}
	.product-menu1 a.woocommerce-LoopProduct-link.woocommerce-loop-product__link:after {
    	width: 452px;
	}
	.section-about-us .heading-title {
		max-width: 700px;
		margin: 0 auto;
	}	
	.section-event-group .heading-title h2 {
		font-size: 30px;
	}
	.section-event-group .heading-title p {
		font-size: 14px;
    	margin-top: 10px;
	}
/* 	.section-content .col{
		padding-bottom: 0px;
	} */
	.section-content .desc-spa p{
		font-size: 18px;
    	line-height: 1.6;
	}
	.section-spa-service .item-service--1 {
        height: 350px;
        margin-bottom: 30px;
    }
	.item-service--1, .item-service--2, .item-service--3, .item-service--4, .item-service--5{
		margin: 10px;
	}
	.row.row-large {
		max-width: 1300px;
		padding: 10px;
	}
	.tsks .acf1 {
    	margin-left: -85px;
	}
	.section-spa .col{
		padding-bottom: 0px;
	}
	.product-template-default .custom-ux .tsks-2 .medium-3 {
        flex-basis: 33% !important;
        max-width: 33% !important;
    }
	.info {
		padding-top: 3px;
		padding-left: 5px;
		font-size: 11px;	
	}
	span.product-name input.wpcf7-form-control.wpcf7-text.wpcf7dtx.wpcf7dtx-text {
		padding-left: 96px;
		font-size: 18px;
		padding-top: 0px;
		position: absolute;
		right: 0px;
	}
	span.wpcf7-form-control-wrap.product-name{
		margin-bottom: 15px;
	}
	span.product-price input.wpcf7-form-control.wpcf7-text.wpcf7dtx.wpcf7dtx-text {
		padding-left: 96px;
		font-size: 18px;
		padding-top: 11px;
		position: absolute;
		right: -11px;
	}
	span.wpcf7-form-control-wrap.product-price:after {
		right: 8px;
		bottom: -4px;
	}
	span.wpcf7-form-control-wrap.product-price{
		margin-bottom: 15px;
	}
}


@media screen and (max-width: 549px){
	.contact-info .widthContent{
		padding: 0;
	}
	.wrapbox-content-right{
		padding: 20px;
	}
	.contact-info {
    	padding: 80px 20px;
	}
	.breadcrumb-content p:first-child{
		font-size: 12px;
		margin-bottom: 15px;
	}

	.breadcrumb-content h1{
		font-size: 26px;
	}

	.breadcrumb-content p:nth-child(3){
        font-size: 14px;
        margin-bottom: 0;
		margin-top: 0;
	}
	.heading-title h2{
		font-size: 26px;
		letter-spacing: 3px;
	}
	.heading-title p:first-child{
		font-size: 13px;
        margin-bottom: 5px;
	}
	.item-counter p:first-child {
    	font-size: 45px;
	}
	.item-counter p:nth-child(2) {
    	font-size: 12px;
	}
	.heading-title p {
		font-size: 14px;
        margin-top: 15px;
	}
	    .button.btn {
        font-size: 12px;
        padding: 8px 15px;
    }
	.section-about-us-service .service-item .col-inner .box-image {
    	width: 40px !important;
	}

	.service-item .col-inner .box.has-hover.has-hover.box-vertical.box-text-bottom{
		display: flex;
	}
	.service-item .col-inner .box-text.text-center{
		padding-top: 0px;
		padding-left: 10px;
	}
	.service-item .col-inner .box-text.text-center .box-text-inner h3{
		font-size: 18px;
	}
	.service-item .col-inner .box-text.text-center .box-text-inner p{
		font-size: 14px;
		margin-top: 10px;
	}
	.col.service-item {
		padding-bottom: 10px;
	}
	.section-about-us-service .row {
     	gap: 0px;
	}
	.item-about2{
		height: 379px;
	}
	.item-about-text p:first-child{
		margin-bottom: 5px;
	}
	.item-about2 .item-about-text h3{
		        font-size: 22px;
        margin-bottom: 10px;
	}
	.item-about-text p:nth-child(3){
        font-size: 14px;
        margin-bottom: 20px;
	}
	.item-about2 .item-about-text a {
		font-size: 14px;
	}
	.item-about1 .col-inner .item-about-text, .item-about3 .col-inner .item-about-text {
		padding: 50px;
	}
	.section-menu-collection .col-title h2 {
		font-size: 24px;
		margin-bottom: 20px;
	}
	.product-menu .product-small.box .box-image {
   	 	width: 66px;
	}
	.product-menu .product-small.box a.woocommerce-LoopProduct-link.woocommerce-loop-product__link, .product-menu1 .product-small.box 				a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
		font-size: 16px;
	}
	span.amount {
		font-size: 14px;
	}
	.product-menu .product-small.box p.box-excerpt.is-small, .product-menu1 .product-small.box p.box-excerpt.is-small {
    position: absolute;
		font-size: 14px;
	}
	.col.product-menu{
		padding-bottom: 0px;
	}
	.col.cc {
		padding-bottom: 0px;
	}
	.spa-row .button.btn{
		width: 100%;
	}
	.section-event-group .content-detail {
    	padding: 20px 20px 20px !important;
	}
	.section-event-group .heading-title h2 {
    	font-size: 22px;
		margin-bottom: 10px;
	}
	.section-event-group .heading-title p {
		font-size: 14px;
		margin-top: 10px;
	}
	.col.lienhe-spa,
	.col.lienhe-spa-text1{
		padding-bottom: 0px;
	}
	.section-spa-service .item-service--1, .item-service--2, .item-service--3, .item-service--4, .item-service--5{
        margin-bottom: 30px;
    }
	.section-content .row{
		padding: 0px;
	}
	.item-service--1 {
		height: 350px;
	}
	.item-service--2 , .item-service--3 ,.item-service--4 ,.item-service--5{
		height: 440px;
	}
.section-spa-service .item-content p:first-child {
    font-size: 11px;
    margin-bottom: 5px;
}

.section-spa-service .item-content p:nth-child(2) {
    font-size: 22px;
    margin-bottom: 5px;
}

.section-spa-service .item-content p:nth-child(3) {
    font-size: 13px;
}


	.section-spa-service .item-content a {
		position: relative; /* Cần thiết để sử dụng position absolute cho ::before */
		font-size: 13px;
		text-decoration: none; /* Loại bỏ gạch chân nếu cần */
	}

		.section-spa-service .item-content a:before {
			content: "";
			position: absolute;
			bottom: -2px; /* Điều chỉnh khoảng cách với văn bản nếu cần */
			left: 0;
			display: block;
			width: 100%;
			height: 1px;
			background: var(--fs-color-primary);
			transition: transform 0.2s ease; /* Hiệu ứng chuyển đổi mượt mà */
			transform-origin: 0 0;
			transform: scaleX(1); /* Mặc định là hiển thị thanh line */
		}

		.section-spa-service .item-content a:hover:before {
			transform: scaleX(0); /* Thu nhỏ thanh line khi hover */
		}

	.gallery-footer .box-text{
		padding: 0px;
	}
	.footer-newsletter{
		padding-bottom: 0px !important;
	}
	.footer-newsletter .button.btn{
		margin-top: 20px;
	}
	footer .footer-container{
		padding-top: 30px;
	}
	.logo-footer h2 {
    	font-size: 24px;
	}
	.logo-footer p{
	  margin: 15px 0;
		font-size: 14px;
	}
	ul.footer-menu li a {
		color: #ffffff !important;
		font-size: 14px;
	}
	.col.about-footer{
		padding-bottom: 0px;
	}
	.footer-container .col{
		padding-bottom: 10px;
	}
	.content-footer.block-collapse p {
    	font-size: 14px;
	}
	.icon-box-text.last-reset p{
		font-size: 14px;
}
	.title-footer {
		font-size: 24px;
	}
	.footer-container .icon-box-img{
		width: 15px !important;
	}
	.footer-container .icon-box-left .icon-box-img+.icon-box-text {
    	padding-left: 5px;
	}

	footer .copyright-footer {
		font-size: 14px;
	}
	footer .footer-newsletter .heading-title h3 {
		font-size: 24px;
		line-height: 30px;
		letter-spacing: 2px;
	}

	.logo-left .logo {
     	margin-left: 0px;
	}
	.flex-right {
    	margin-right: 0px;
	}
	form.cart .button.single_add_to_cart_button.button.alt{
		width: 100%;
	}
	form.cart .button.buy-now{
		width: 100%;
	}
	.product-container .product-main {
    	padding-bottom: 0;
	}
	.col.btn-spa{
		padding-bottom: 0px;
	}
	.section-about-us .heading-title p:nth-child(3) {
		font-size: 14px;
		margin-top: 15px;
	}
	.product-hotel .product-small.box .price-wrapper {
    	top: -220px;
	}
	.slider-detail h2 {
		font-size: 25px;
		margin-bottom: 5px;
	}
	
	.slider-detail p{
		font-size: 16px;
        margin-bottom: 5px;
	}
	.hotel_service .box-vertical .box-image {
		width: 10%!important;
	 }

	.hotel_service .col-inner .box.has-hover.has-hover.box-vertical.box-text-bottom{
		display: flex;
	}
	.hotel_service .col-inner .box-text.text-center{
		padding-top: 0px;
		padding-left: 10px;
	}
	.hotel_service .col-inner .box-text.text-center .box-text-inner h3{
		font-size: 18px;
	}
	.hotel_service .col-inner .box-text.text-center .box-text-inner p{
		font-size: 14px;
		margin-top: 10px;
	}
	.section-home-review {
		padding: 50px 0;
	}
	.section-home-review .list-review {
		max-width: 720px;
		margin: 0 auto;
	}
	.section-home-review .list-review .review-item .item-desc p {
		font-size: 15px;
	}
	.section-home-review .list-review .review-item .item-name p{
		font-size: 14px;
	}
	.section-home-review .list-review .review-item .item-position p{
		font-size: 14px;
	}
	.blog-content .content-desc p{
		font-size: 16px;
        margin-bottom: 20px;
	}
	.section-home-blog .col.cc{
		padding-bottom: 0;
	}
	.section-home-blog .blog-content {
	  margin: 0;
		padding-bottom: 0px;
	}
	.section-home-blog .heading-title h2{
		font-size: 22px;
	}
	.section-about-us .row{
		padding: 0px;
	}
	.section-about-us .btn{
		width: 100%;
	}
	.section-collection-col .heading-title h2, .section-collection-col2 .heading-title h2 {
    	font-size: 22px;
	}
	  .absolute-footer ul.footer-menu {
        flex-flow: wrap;
        align-items: center;
        justify-content: center;
        gap: 8px 30px;
        margin-top: 15px;
    }
	footer .container.clearfix {
		display: flex;
		flex-direction: column-reverse;
	}
	.section-about-us a.button.primary.lowercase.btn-ldp{
		width: 100%;
	}
	.phong .product-hotel-room .product-small.box .price-wrapper {
		top: -217px;
	}
	.section-home-blog .row.blog .col.last-type{
		padding-bottom: 0px;
	}
	.dientich .box-list-view .box .box-text, .box-vertical .box-text {
		padding-left: 5px;
		padding-right: 0px;
		padding-top: 4px;
	}
		.tsks .box.has-hover.has-hover.box-vertical.box-text-bottom {
			display: flex;
	}
	.tsks .acf.box-vertical .box-image {
        width: 26% !important;
    }
	.tsks .acf .box-text-inner{
		font-size: 11px;
	}
	.product-menu .product-small.box .price-wrapper {
    	right: -40px;
	}
	.product-menu1 .product-small.box .price-wrapper {
		right: -40px;
	}
	.about-banner{
		height: 252px;
	}
	.tsks .acf1 {
    	margin-left: -13px;
	}
	.box.has-hover.acf-image.has-hover.box-vertical.box-text-bottom {
   	 display: flex;
	}
	.product-template-default .custom-ux .tsks-2  .box.has-hover.acf-image.has-hover.box-vertical.box-text-bottom {
		margin-left: -8px;
	}
	.product-hotel .custom-ux .tsks-2 .acf-image.box-vertical .box-image {
		width: 22% !important;
		margin: 0px;
	}
	.product-hotel-room .custom-ux .tsks-2 .acf-image .box-image {
    	width: 22% !important;
    	margin: 0;
	}
	.product-hotel-room .custom-ux .acf1 {
    	margin-left: -10px;
	}
	.product-hotel-room1 .product-small.box .price-wrapper {
   	 	top: -320px;
	}
	.section-product-room .product-hotel-room1 .product-small.box .price-wrapper {
    	top: -320px;
	}
	.product-hotel-room1 .product-small.box .custom-ux .acf-image.box-vertical .box-image{
		width: 24% !important;
		margin: -1px;
	}
	.section-product-room .product-hotel-room1 .product-small.box .custom-ux .info {
    	padding-top: 3px;
		padding-left: 3px;
	}
	.section-spa .col{
		padding-bottom: 0px;
	}
	.section-about-us-about2 .product-hotel-room1 .custom-ux .acf1 {
    	margin-left: 0px;
	}
		.product-menu1 .product-small.box .price-wrapper {
		right: 0px;
	}
	.product-menu1 a.woocommerce-LoopProduct-link.woocommerce-loop-product__link:after {
    	width: 240px;
	}
/* 	.product-template-default footer#footer {
    	margin-top: -130px;
	} */
	.product-template-default.single.single-product .product-small.box .price-wrapper {
		top: -165px;
		left: 10px;
	}
	.product-template-default.single.single-product .splq .product-small.box .price-wrapper {
    	top: -110px;
	}
	 header #logo img {
        max-height: 33px !important;
    }
	 .product-template-default .custom-ux .tsks-2 .medium-3 {
        flex-basis: 44% !important;
        max-width: 44% !important;
    }
	  .custom-ux .tsks-2  .acf-image.box-vertical .box-image {
        width: 25% !important;
    }
	
	.product-template-default .custom-ux .tsks-2 .acf1:nth-child(4){
		margin-left: 4px;
	}
	span.product-name input.wpcf7-form-control.wpcf7-text.wpcf7dtx.wpcf7dtx-text {
		padding-left: 90px;
		padding-top: 0px;
		position: absolute;
	}
	span.wpcf7-form-control-wrap.product-name{
		margin-bottom: 15px;
	}
	span.wpcf7-form-control-wrap.product-price:after {
    	right: 8px;
		bottom: 3px;
	}
	span.product-price input.wpcf7-form-control.wpcf7-text.wpcf7dtx.wpcf7dtx-text {
		padding-left: 75px;
		font-size: 18px;
		padding-top: 0px;
		position: absolute;
	}
	span.wpcf7-form-control-wrap.product-price{
		margin-bottom: 15px;
	}
}