@charset "UTF-8";
/*
Theme Name: Resort
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/*************** ADD CUSTOM CSS HERE.   ***************/
/* #### Generated By: http://font.download #### */
@font-face {
  font-style: normal;
  font-weight: normal;
  src: local("Minion Pro Regular"), url("fonts/MinionPro-Regular.woff") format("woff");
}
body {
  text-align: justify;
}
@media only screen and (max-width: 849px) {
  body {
    font-size: 13px !important;
  }
}
@media only screen and (max-width: 849px) {
  body p {
    margin-bottom: 16px;
  }
}

header.header.show-on-scroll,
header .stuck .header-main,
.transparent .header-main,
.header .header-main .header-nav {
  height: auto !important;
}

header.header.show-on-scroll .nav,
header .stuck .header-main .nav,
.transparent .header-main .nav,
.header .header-main .header-nav {
  justify-content: center;
}

@media only screen and (max-width: 1024px) {
  header.header.show-on-scroll .nav,
  header .stuck .header-main .nav,
  .transparent .header-main .nav {
    justify-content: flex-start;
  }
}
header.header.show-on-scroll .nav li:first-child,
header .stuck .header-main .nav li:first-child,
.transparent .header-main .nav li:first-child {
  padding-left: 11px;
}

header.header.show-on-scroll .nav li a,
header .stuck .header-main .nav li a,
.transparent .header-main .nav li a {
  line-height: 1.4;
}

@media only screen and (max-width: 1170px) {
  header.header.show-on-scroll .nav li a,
  header .stuck .header-main .nav li a,
  .transparent .header-main .nav li a {
    font-size: 13px;
  }
}
header.header.show-on-scroll .nav li ul li:first-child,
header .stuck .header-main .nav li ul li:first-child,
.transparent .header-main .nav li ul li:first-child {
  padding-left: 0;
}

@media only screen and (max-width: 1024px) {
  header.header.show-on-scroll .header-contact a,
  header .stuck .header-main .header-contact a,
  .transparent .header-main .header-contact a {
    padding: 20px;
    background: #b2a73f;
    border-radius: 5px;
    font-weight: 700;
  }
}
.list-res .row {
  margin-bottom: 20px !important;
}

.list-res .row:last-child {
  margin-bottom: 0 !important;
}

.list-res .icon-box {
  align-items: center;
}
.page-template #content .section:not(.banner-top) {
  padding: 40px 0;
}

.page-template #content .section:not(.banner-top) .section-content .section-title-container {
  margin-bottom: 0;
}

.page-template #content .section:not(.banner-top) .section-content .section-title-container .section-title-normal {
  border: 0;
}

.page-template #content .section:not(.banner-top) .section-content .section-title-container h4.section-title {
  margin-bottom: 0;
  line-height: 1;
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .page-template #content .section:not(.banner-top) .section-content .section-title-container h4.section-title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .page-template #content .section:not(.banner-top) .section-content .section-title-container h4.section-title {
    font-size: 20px;
  }
}
@media (max-width: 549px) {
  .page-template #content .section:not(.banner-top) .section-content .section-title-container h4.section-title {
    font-size: 20px;
  }
}
.page-template #content .section:not(.banner-top) .section-content .section-title-container h4.section-title span {
  border: 0;
  padding: 0;
}

.page-template #content .section:not(.banner-top) .section-content .section-title-container h3.section-title {
  text-transform: uppercase;
  margin-bottom: 0;
  text-align: left;
}

.page-template #content .section:not(.banner-top) .section-content .section-title-container h3.section-title span {
  padding: 0;
  margin: 0;
  border: 0;
}

@media only screen and (min-width: 768px) {
  .page-template #content .section:not(.banner-top) .section-content .section-title-container h3.section-title {
    font-size: 38px;
  }
}
@media only screen and (max-width: 767px) {
  .page-template #content .section:not(.banner-top) .section-content .section-title-container h3.section-title {
    font-size: 32px;
  }
}
@media (max-width: 549px) {
  .page-template #content .section:not(.banner-top) .section-content .section-title-container h3.section-title {
    font-size: 28px;
  }
}
.page-template #content .section:not(.banner-top) .section-content .section-title-container h2.section-title {
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .page-template #content .section:not(.banner-top) .section-content .section-title-container h2.section-title {
    font-size: 42px;
  }
}
@media only screen and (max-width: 767px) {
  .page-template #content .section:not(.banner-top) .section-content .section-title-container h2.section-title {
    font-size: 36px;
  }
}
@media (max-width: 549px) {
  .page-template #content .section:not(.banner-top) .section-content .section-title-container h2.section-title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 768px) {
  .page-template #content .section:not(.banner-top) .section-content .title-lienhe h3.section-title {
    font-size: 38px;
  }
}
@media screen and (min-width: 850px) {
  .page-template #content .section:not(.banner-top) .section-content .col {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 1024px) {
  .page-template #content .section:not(.banner-top) .section-content .col {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.page-template #content .section:not(.banner-top) .section-content .flickity-page-dots .dot.is-selected {
  background-color: #be9d2f !important;
  border-color: #be9d2f !important;
}

.page-template #content .section:not(.banner-top) .section-content .row-small > .col,
.page-template #content .section:not(.banner-top) .section-content .row-small > .flickity-viewport > .flickity-slider > .col {
  padding-left: 15px;
  padding-right: 15px;
}

@media only screen and (max-width: 849px) {
  .page-template #content .section:not(.banner-top) .section-content .row-849 .col {
    padding-bottom: 0;
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media only screen and (max-width: 849px) {
  .page-template #content .section:not(.banner-top) .section-content .row-849 .col a.nut-xem-them {
    margin-bottom: 0 !important;
  }
}
@media only screen and (max-width: 849px) {
  .page-template #content .section:not(.banner-top) .section-content .row-849 .col:nth-of-type(1) {
    padding-bottom: 10px;
  }
}
.page-template #content .section:not(.banner-top) .section-content .row-849-order .col {
  padding-bottom: 0;
}

@media only screen and (max-width: 550px) {
  .page-template #content .section:not(.banner-top) .section-content .row-849-order .col:nth-of-type(1) {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 849px) {
  .page-template #content .section:not(.banner-top) .section-content .row-849-order .col:nth-of-type(2) {
    order: -1;
    padding-bottom: 10px;
  }
}
.page-template #content .section:not(.banner-top) .section-content .row.list-hangphong {
  margin-bottom: 20px;
}

.page-template #content .section:not(.banner-top) .section-content .row.list-hangphong p {
  margin-bottom: 0;
}

@media only screen and (max-width: 1080px) {
  .page-template #content .section:not(.banner-top) .section-content .row.list-hangphong .col {
    max-width: 50%;
    flex-basis: 50%;
  }
}
@media only screen and (max-width: 849px) {
  .page-template #content .section:not(.banner-top) .section-content .row.list-hangphong .col {
    padding-bottom: 0;
    padding-top: 0;
  }
}
.page-template #content .section:not(.banner-top) .section-content .list-nha-hang {
  gap: 30px 0;
}

@media only screen and (max-width: 1200px) {
  .page-template #content .section:not(.banner-top) .section-content .list-nha-hang .col {
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media only screen and (max-width: 849px) {
  .page-template #content .section:not(.banner-top) .section-content .list-nha-hang .col {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 480px) {
  .page-template #content .section:not(.banner-top) .section-content .list-nha-hang .col {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.page-template #content .section:not(.banner-top) .section-content .list-nha-hang .col a.button {
  margin-top: 20px;
}

.page-template #content .row.row-collapse {
  padding: 0 15px;
}

@media only screen and (max-width: 1400px) {
  .page-template #content .banner-top .section-bg {
    background-position-x: 40%;
  }
}
.page-template #content .banner-top .section-content .row > .col-hover-fade {
  padding-bottom: 0;
}

.page-template #content .banner-top .section-content .row > .col-hover-fade .col-inner {
  padding: 5px;
}
.page-template #content .tien-ich-tan-son-nhat {
  padding: 50px 0 40px;
}

.page-template #content .tien-ich-tan-son-nhat section {
  padding-top: 0 !important;
}

.page-template #content .tien-ich-tan-son-nhat section .flickity-page-dots {
  bottom: -48px;
}

.page-template #content .tien-ich-tan-son-nhat .section.section2 .row {
  max-width: calc(100% + 60px);
  width: calc(100% + 60px);
  margin-left: -30px;
}

@media only screen and (max-width: 1024px) {
  .page-template #content .tien-ich-tan-son-nhat .section.section2 .row {
    max-width: calc(100% + 30px);
    width: calc(100% + 30px);
    margin-left: -15px;
  }
}
.page-template #content section.main-video .section-content {
  min-height: 100vh;
  margin-bottom: 0;
}

.page-template #content section.main-video .wpcf7 {
  position: absolute;
  bottom: -20px;
  margin: 0 auto;
  width: 100%;
  max-width: 1400px;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 849px) {
  .page-template #content section.main-video .wpcf7 {
    bottom: 10px;
  }
}

@media only screen and (max-width: 1200px) {
  .page-template #content section.main-video .wpcf7 {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 1024px) {
  .page-template #content section.main-video .wpcf7 .fieldset-cf7mls .cf7mls-btns {
    bottom: 20px;
    right: 0;
    top: auto;
  }
}
.page-template #content section.section2 {
  padding-bottom: 80px !important;
}

@media only screen and (max-width: 550px) {
  .page-template #content section.section2 {
    padding-bottom: 0 !important;
  }
}
.page-template #content section.section2 .flickity-page-dots {
  bottom: -48px;
}

@media only screen and (max-width: 550px) {
  .page-template #content section.section2 .flickity-page-dots {
    bottom: -9px;
  }
}
@media only screen and (max-width: 1024px) {
  .page-template #content section.section2 .section-content .col {
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .page-template #content section.section2 .section-content .col .slider-wrapper {
    margin-left: -15px;
    width: calc(100% + 30px);
  }
}
.page-template #content section.section5 {
  padding-bottom: 25px !important;
}

.page-template #content section.section5 .gap-element {
  padding-top: 0 !important;
}

.page-template #content section.section5 .section-content .section-title-container {
  margin-bottom: 0 !important;
}

.page-template #content section.section5 .section-content .section-title-container h2.section-title {
  margin-bottom: 0;
}

@media (max-width: 549px) {
  .page-template #content section.section5 .section-content .section-title-container h2.section-title {
    font-size: 24px;
  }
}
.page-template #content section.section5 .section-content .section-title-container h2.section-title span {
  padding: 0;
  border: 0;
  margin: 0;
}

.page-template #content section.section5 .section-content .section-title-container h2.section-title a {
  font-size: 16px;
}

@media (max-width: 549px) {
  .page-template #content section.section5 .section-content .section-title-container h2.section-title a {
    font-size: 12px;
  }
}
.page-template #content section.section5 .section-content > .row .col {
  padding-top: 15px;
  padding-bottom: 15px;
}

@media only screen and (max-width: 550px) {
  .page-template #content section.section5 .section-content > .row .col {
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media only screen and (max-width: 550px) {
  .page-template #content section.section5 .section-content > .row .col .has-format,
  .page-template #content section.section5 .section-content > .row .col .image-cover,
  .page-template #content section.section5 .section-content > .row .col .video-fit {
    padding-top: 50% !important;
  }
}
@media only screen and (max-width: 550px) {
  .page-template #content section.section6 {
    padding-bottom: 0 !important;
  }
}
@media only screen and (max-width: 550px) {
  .page-template #content section.section7 {
    padding-bottom: 20px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .page-template #content section.section7 .section-content .row .col.col-100-1024 {
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
    padding-bottom: 30px;
  }
  .page-template #content section.section7 .section-content .row .col.col-100-1024 .col-inner {
    margin-bottom: 10px !important;
  }
}
@media only screen and (max-width: 849px) {
  .page-template #content section.section7 .section-content .row .col.col-100-1024 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
.page-template #content section.section8 .section-content .section-title-container h2.section-title {
  font-size: 32px;
}

.page-template #content section.section8 .section-content .section-title-container h2.section-title span {
  padding-top: 0;
  padding-bottom: 0;
}

.page-template #content section.section8 .section-content .row .col {
  padding-bottom: 0;
}

.page-template #content section.section8 .section-content .flickity-slider .col {
  padding-bottom: 0;
}

.page-template #content section.section8 .section-content .flickity-slider .col .box-text {
  padding-bottom: 0;
}

.page-template #content section.hang-phong .section-content > .row,
.page-template #content section.spa-section .section-content > .row,
.page-template #content section.res-section .section-content > .row {
  padding-bottom: 40px;
  align-items: center;
}

@media only screen and (max-width: 849px) {
  .page-template #content section.hang-phong .section-content > .row,
  .page-template #content section.spa-section .section-content > .row,
  .page-template #content section.res-section .section-content > .row {
    padding-bottom: 0;
  }
}
.page-template #content section.hang-phong .section-content > .row:last-child,
.page-template #content section.spa-section .section-content > .row:last-child,
.page-template #content section.res-section .section-content > .row:last-child {
  padding-bottom: 0;
}

.page-template #content section.hang-phong .section-content > .row h3,
.page-template #content section.spa-section .section-content > .row h3,
.page-template #content section.res-section .section-content > .row h3 {
  text-transform: uppercase;
  margin-bottom: 10px;
}

.page-template #content section.hang-phong .section-content > .row h3 b,
.page-template #content section.spa-section .section-content > .row h3 b,
.page-template #content section.res-section .section-content > .row h3 b {
  padding: 0;
  margin-bottom: 0;
  border: 0;
}

@media only screen and (min-width: 768px) {
  .page-template #content section.hang-phong .section-content > .row h3,
  .page-template #content section.spa-section .section-content > .row h3,
  .page-template #content section.res-section .section-content > .row h3 {
    font-size: 38px;
    font-weight: 700;
  }
}
@media (max-width: 767px) {
  .page-template #content section.hang-phong .section-content > .row h3,
  .page-template #content section.spa-section .section-content > .row h3,
  .page-template #content section.res-section .section-content > .row h3 {
    font-size: 24px;
  }
}
.page-template #content section.hang-phong .nut-xem-them,
.page-template #content section.hang-phong a.button.secondary,
.page-template #content section.spa-section .nut-xem-them,
.page-template #content section.spa-section a.button.secondary,
.page-template #content section.res-section .nut-xem-them,
.page-template #content section.res-section a.button.secondary {
  padding-bottom: 0;
  margin: 0;
  line-height: 45px;
  padding: 0 20px;
}

.page-template #content section.hang-phong .nut-xem-them,
.page-template #content section.spa-section .nut-xem-them,
.page-template #content section.res-section .nut-xem-them {
  margin-top: 20px;
}

@media only screen and (max-width: 849px) {
  .page-template #content section.spa-section .section-content .row .col:nth-of-type(2) {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 849px) {
  .page-template #content section.spa-section .section-content .row .col {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 849px) {
  .page-template #content section.hang-phong .section-content .col,
  .page-template #content section.spa-section .section-content .col {
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  .page-template #content section.hang-phong .section-content .col,
  .page-template #content section.spa-section .section-content .col {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 849px) {
  .page-template #content section.nha-hang-section .section-content .row .col {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.page-template #content section.nha-hang-section .section-content .row.btn-row {
  text-align: left;
}

.page-template #content section.nha-hang-section .section-content .row.btn-row a {
  margin-top: 5px;
}

.page-template #content section.khampha-section {
  padding-bottom: 10px !important;
}

.page-template #content section.khampha-section .section-content > .row > .col {
  padding-bottom: 0;
}

.page-template #content section.khampha-section .section-content > .row > .col .col {
  padding-bottom: 30px;
}

.page-template #content section.hinhanh-section {
  padding-bottom: 10px !important;
}

.page-template #content section.hinhanh-section .section-content > .row .col .col {
  padding-bottom: 30px;
}

@media only screen and (max-width: 550px) {
  .page-template #content section.hinhanh-section .tabbed-content .tab {
    font-size: 12px !important;
  }
  .page-template #content section.hinhanh-section .section-content > .row .col .col {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 549px) {
  .page-template #content section.hang-phong .section-content .col,
  .page-template #content section.spa-section .section-content .col {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.page-template #content section.sec-top {
  padding: 0 !important;
}

section.page-kham-pha {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
section.page-kham-pha .padding-bottom-849 {
  padding-bottom: 0;
}

@media only screen and (max-width: 550px) {
  .tab-page-hinhanh .tab-panels {
    margin-left: -5px;
    margin-right: -5px;
    width: calc(100% + 10px);
    max-width: calc(100% + 10px);
    padding-top: 0;
  }
}
@media only screen and (max-width: 550px) {
  .tab-page-hinhanh .tab-panels .flickity-viewport .flickity-slider .gallery-col {
    flex-basis: 50%;
    max-width: 50%;
    padding-bottom: 10px !important;
  }
}
footer .footer-widgets .widget {
  padding-bottom: 0;
  margin-bottom: 0;
  background: #fff;
}

@media only screen and (max-width: 849px) {
  footer .footer-widgets .widget {
    flex-basis: 50%;
    padding: 0 15px;
    max-width: 50%;
  }
}
@media only screen and (max-width: 550px) {
  footer .footer-widgets .widget {
    flex-basis: 100%;
  }
}
footer .footer-widgets .widget span.widget-title {
  color: rgb(190, 157, 47);
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
}
@media only screen and (max-width: 549px) {
  footer .footer-widgets .widget span.widget-title {
    display: none;
  }
}

@media only screen and (max-width: 550px) {
  footer .footer-widgets .widget:nth-of-type(1) {
    text-align: center;
  }
  footer .footer-widgets .widget:nth-of-type(1) img {
    max-width: 200px;
  }
}
footer .footer-widgets .widget:nth-of-type(2) .textwidget p {
  color: #000a2b;
  margin-bottom: 10px;
  padding-left: 24px;
  position: relative;
  line-height: 1.5;
}

footer .footer-widgets .widget:nth-of-type(2) .textwidget p i {
  position: absolute;
  left: 0;
  font-family: "FontAwesome";
  font-size: 13px;
  top: 3px;
}

footer .footer-widgets .widget:nth-of-type(2) .textwidget p i::before {
  content: "\f3c5";
}

footer .footer-widgets .widget:nth-of-type(2) .textwidget .tel i::before {
  content: "\f095";
}

footer .footer-widgets .widget:nth-of-type(2) .textwidget .mail i::before {
  content: "\f0e0";
}

footer .footer-widgets .widget:nth-of-type(2) .textwidget .social-icons {
  margin-top: 24px;
}
@media only screen and (max-width: 549px) {
  footer .footer-widgets .widget:nth-of-type(2) .textwidget .social-icons {
    text-align: center;
  }
}

footer .footer-widgets .widget iframe {
  height: 250px !important;
  width: 100% !important;
}

footer .footer-widgets .widget .textwidget p {
  font-size: 13px;
}

.post-item .box .box-image .image-zoom,
.post-item .box .box-image .image-cover {
  padding-top: 0 !important;
}
.post-item .box .box-image .image-zoom img,
.post-item .box .box-image .image-cover img {
  position: unset;
}

.post-item .box .box-image img {
  height: auto;
}

@media only screen and (max-width: 849px) {
  .post-item {
    padding-bottom: 20px;
  }
}
.post-item .box .box-text {
  padding-top: 0;
}
@media only screen and (max-width: 849px) {
  .post-item .box .box-text {
    padding-bottom: 0;
  }
}

.post-item .box .box-text .post-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  align-self: stretch;
  overflow: hidden;
  text-transform: uppercase;
  margin-bottom: 5px;
  margin-top: 16px;
  color: #be9d2f;
}
@media only screen and (max-width: 549px) {
  .post-item .box .box-text .post-title {
    font-size: 16px;
    margin: 16px 0 8px;
  }
}

.post-item .box .box-text p.from_the_blog_excerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  align-self: stretch;
  overflow: hidden;
  text-align: justify;
  transition: color 0.3s, opacity 0.3s, transform 0.3s;
}

.post-item .box .box-text button {
  color: #fff !important;
  text-transform: none;
}

.post-item .box .box-text button::before {
  content: none;
}

.post-item a {
  transition: color 0.3s, opacity 0.3s, transform 0.3s;
}

.post-item a:hover p.from_the_blog_excerpt {
  color: rgb(229, 159, 79);
}

.wpcf7 form.sent .wpcf7-response-output {
  display: none;
}

.wpcf7 form.sent .wpcf7-response-output.active {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  max-width: 500px;
  width: 100%;
  z-index: 9;
  border: 0;
  padding: 0;
  font-weight: bold;
  display: block;
}
@media only screen and (max-width: 767px) {
  .wpcf7 form.sent .wpcf7-response-output.active {
    max-width: 320px;
  }
}

.wpcf7 form.sent .wpcf7-response-output.active .close-response {
  position: absolute;
  width: 40px;
  height: 40px;
  background: 333;
  top: 0;
  z-index: 12;
  font-size: 25px;
  right: 0;
  background-color: #e59f4f;
  text-align: center;
}

.wpcf7 form.sent .wpcf7-response-output.active .inner-wrap {
  position: relative;
  z-index: 10;
  padding: 80px 20px !important;
  color: #333;
  border: 2px solid #e59f4f;
  padding: 0;
  border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .wpcf7 form.sent .wpcf7-response-output.active .inner-wrap {
    padding: 50px 20px !important;
    font-weight: normal;
  }
}

.wpcf7 form.sent .wpcf7-response-output.active::before {
  content: "";
  background: rgba(225, 225, 225, 0.8);
  position: absolute;
  top: -100000px;
  left: calc((100vw - 100%) / 2 * -2);
  right: calc((100vw - 100%) / 2 * -2);
  bottom: -100000px;
}

.lien-he-section .form-dat-phong h3 {
  font-size: 28px;
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  .lien-he-section .form-dat-phong h3 {
    text-align: left;
    font-size: 24px;
  }
}
.lien-he-section .form-dat-phong > p {
  color: #fff;
}

.lien-he-section .wrap-address p {
  padding-left: 24px;
  position: relative;
  line-height: 1.5;
  margin-bottom: 5px;
}

.lien-he-section .wrap-address p i {
  position: absolute;
  left: 0;
  font-family: "FontAwesome";
  font-size: 13px;
  top: 3px;
}

.lien-he-section .wrap-address p i::before {
  content: "\f3c5";
}

.lien-he-section .wrap-address .tel i::before {
  content: "\f095";
}

.lien-he-section .wrap-address .mail i::before {
  content: "\f0e0";
}

.lien-he-section .wrap-address .website i::before {
  content: "\f0c1";
}

@media only screen and (max-width: 849px) {
  .lien-he-section .section-content .col {
    max-width: 100%;
    flex-basis: 100%;
  }
}
.nav-dropdown {
  min-width: 350px;
}

.mfp-image-holder {
  max-width: 1100px !important;
  left: 50%;
  transform: translateX(-50%);
  padding: 40px !important;
  width: 100%;
}

.form-booking {
  max-width: 100% !important;
}

@media only screen and (max-width: 1024px) {
  .form-booking .col.large-2,
  .col.large-3 {
    max-width: 50%;
    flex-basis: 50%;
  }
}
@media only screen and (max-width: 1024px) {
  .form-booking .col.large-2:last-child {
    max-width: 100%;
    flex-basis: 100%;
    padding-right: 170px !important;
  }
}
@media only screen and (max-width: 849px) {
  header.header.show-on-scroll .nav li:first-child,
  header .stuck .header-main .nav li:first-child,
  .transparent .header-main .nav li:first-child {
    padding-left: 0;
  }
}
ul.mobile-nav .nav-icon .header-button a {
  line-height: 28px !important;
  width: 30px !important;
}

.bottom-contact {
  display: none;
}

.nut-xem-them {
  letter-spacing: 0;
  font-weight: normal;
  border-radius: 5px;
  padding: 5px 30px;
  position: relative;
}
.nut-xem-them i.icon-phone {
  top: -2px;
}
@media only screen and (max-width: 550px) {
  .nut-xem-them i.icon-phone {
    top: 0;
  }
}

@media only screen and (max-width: 550px) {
  .nut-xem-them {
    margin-bottom: 10px !important;
  }
}
.off-canvas-right .mfp-content {
  width: 400px;
  background-color: #5c6d2f;
  background-image: url(/wp-content/uploads/2023/07/bg_menu.png);
  background-repeat: no-repeat;
  background-position: -5px center;
}

.sidebar-menu ul {
  padding: 40px 30px;
}

.off-canvas .nav-vertical > li > a {
  padding-bottom: 15px;
  padding-top: 15px;
  color: white;
  padding-left: 0 !important;
  font-size: 17px;
  text-align: left;
  display: block;
}

.off-canvas-center .nav-vertical > li > ul > li a {
  text-align: left;
  justify-content: flex-start;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.off-canvas-center .nav-vertical > li > ul > li:last-child a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.nav-sidebar.nav-vertical > li + li {
  border-top: 1px solid rgba(236, 236, 236, 0.1803921569);
}

.form-booking {
  background: rgba(255, 255, 255, 0.7882352941);
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1098039216);
  border-radius: 7px;
  padding: 10px;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.form-booking .large-2 {
  flex-basis: 17%;
  max-width: 17%;
}

.wpcf7-form .fieldset-cf7mls .cf7mls-btns {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 10px;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.form-booking .col {
  padding-bottom: 0;
}

.cf7mls-btns .cf7mls_next.action-button {
  padding: 17px 65px;
  text-transform: none;
  letter-spacing: 0;
  background: rgb(3, 10, 42);
}

.form-booking input {
  background: rgba(0, 0, 0, 0.04);
  border: none;
  box-shadow: none;
  border-radius: 5px;
  font-size: 15px;
  margin-bottom: 5px;
}
@media only screen and (max-width: 549px) {
  .form-booking input {
    font-size: 13px;
  }
}

.section1 {
  margin-top: -150px;
}

form label {
  color: rgb(3, 10, 42);
}

.section2 h2 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 700;
  font-size: 42px;
  line-height: 54px;
  color: #5c6d2f;
  text-transform: uppercase;
  margin-bottom: 9px;
}

.nav-sidebar .header-button .button {
  margin: 0;
  width: 100%;
  text-transform: none;
  letter-spacing: 0;
  font-size: 16px;
  padding: 13px 10px;
  background: #fdf9db !important;
  color: #5c6d2f;
  margin-top: 50px;
}

.section2 .icon-box .label {
  margin-bottom: 2px;
  font-family: Philosopher, sans-serif;
  font-size: 19px;
  font-weight: normal;
  color: #c86801;
}

.section2 .icon-box .sdt {
  margin-bottom: 0px;
  font-family: Philosopher, sans-serif;
  font-size: 24px;
  font-weight: normal;
  color: #f60000;
}

.section2 .row {
  width: 100%;
}

.section2 .slider .row {
  width: 33.33% !important;
  opacity: 1;
}

@media only screen and (max-width: 640px) {
  .section2 .slider .row {
    width: 100% !important;
  }
}
.section2 .slider .flickity-slider {
  left: 0% !important;
}

.section2 .slider .flickity-slider .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.section2 .box .box-text {
  background-image: linear-gradient(transparent, white);
  padding-top: 100px;
  padding-bottom: 10px;
  pointer-events: none;
}

.section2 .box h5 {
  font-size: 20px;
  text-transform: uppercase;
  text-shadow: none;
  color: #000a2b;
}

.flickity-page-dots {
  pointer-events: all;
  left: 20px;
  right: 20px;
}

.flickity-page-dots .dot {
  background: #c86801 !important;
  border: 2px solid #c86801;
}

.flickity-page-dots .dot.is-selected {
  background: #000a2b !important;
  border: 2px solid #000a2b !important;
}

.section3 h2 {
  text-align: center;
  color: #5c6d2f;
  font-size: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section3 h2::before,
.section3 h2::after {
  content: "";
  background-repeat: no-repeat;
  background-size: 106px 49px;
  display: block;
  width: 106px;
  height: 49px;
}

.section3 h2::before {
  background-image: url(/wp-content/uploads/2023/07/icon_leaf_left.svg);
  margin-right: 13px;
}

.section3 h2::after {
  background-image: url(/wp-content/uploads/2023/07/icon_leaf_right-1.svg);
  margin-left: 13px;
}

.section3 .icon-box h3 {
  font-size: 24.7219px;
  line-height: 28px;
  color: #5c6d2f;
  margin-bottom: 5px;
}

.section3 .icon-box {
  margin-bottom: 20px;
}

.section3 .icon-box p {
  font-size: 15px;
}

.section3 .cot2 .img {
  box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.15);
}

.section3 .cot1 .icon-box .icon-inner {
  background: rgba(157, 178, 163, 0.8);
  padding: 10px;
  border-radius: 99%;
}

.section3 .cot3 .icon-box .icon-inner {
  background: rgba(229, 159, 79, 0.8);
  padding: 10px;
  border-radius: 99%;
}

.section3 .cot3 .icon-box img {
  padding-top: 0;
}

.section3 .cot1 .icon-box {
  margin-left: 50px;
}

.section3 .cot3 .icon-box {
  margin-left: -50px;
}

.section6 h2,
.section7 h2 {
  font-size: 52px;
  color: #5c6d2f;
  line-height: 52px;
}

.section6 .large-7 {
  background-image: url(/wp-content/uploads/2023/07/bg_about_home.png);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
}

.section3 .col .icon-box:last-child {
  margin-bottom: 0;
}

.section4 h2 {
  font-size: 55px;
  line-height: 62px;
  color: #5c6d2f;
  margin-bottom: 20px;
  font-weight: normal;
}

.section3 .cot2 {
  z-index: -1;
}

.section5 h2,
.section8 h2,
.section9 h2 {
  font-weight: 700;
  font-size: 50px;
  line-height: 72px;
  color: #5c6d2f;
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .section5 h2,
  .section8 h2,
  .section9 h2 {
    font-size: 28px;
    line-height: normal;
  }
}
.section5 .col.large-9,
.section5 .col.large-3,
.section5 .col.large-12 {
  padding-bottom: 0;
}

.section5 .box h3 {
  font-size: 24px;
}

.section5 .box .box-text {
  background-image: linear-gradient(transparent, #fff);
  padding-top: 100px;
  padding-bottom: 10px;
  pointer-events: none;
}
@media only screen and (min-width: 849px) {
  .section5 .box .box-text {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.section5 .box .box-text .box-text-inner h4 {
  color: #000a2b;
  text-shadow: rgba(255, 255, 255, 0.5) 1px 1px 1px;
}

.section3 .col.large-12 {
  padding-bottom: 10px;
}

@media only screen and (min-width: 850px) {
  .section7 .large-3 {
    flex-basis: 20%;
    max-width: 20%;
  }
}
.list-post2 .post-item .box-text {
  padding: 31px 42px;
  bordrer-radius: 0 0 10px 10px;
}

.section9 .icon-box {
  height: 166px;
  background: #5c6d2f;
  color: white;
  padding: 40px 10px;
}

.section9 .icon-box p {
  font-family: "Philosopher", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 31px;
  text-align: center;
}

.section7 .large-8 {
  padding-bottom: 0;
}

.list-post2 .post-item .post-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 31px;
  color: #000;
  margin-bottom: 15px;
}

.list-post2 .post-item .post-meta {
  border-left: 2px solid #5c6d2f;
  padding-left: 5px;
  line-height: 14px;
}

.list-post2 .post-item .from_the_blog_excerpt {
  font-size: 16px;
  color: #5c5c5c;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.box-blog-post .is-divider {
  display: none;
}

.list-post2 .post-item .from_the_blog_excerpt {
  margin-top: 15px;
}

.list-post2 .post-item .button {
  background: #5c6d2f;
  color: #fff;
  text-transform: none;
  letter-spacing: 0;
  font-weight: normal;
  padding: 2px 20px;
  font-size: 15px;
}

.section9 .box h3 {
  font-size: 28px;
  line-height: 31px;
  text-align: center;
  color: #fff;
  text-shadow: none;
}

.section9 .box {
  margin-bottom: 30px;
}

.list-post3 .post-item .post-title {
  font-weight: 400;
  font-size: 25px;
  line-height: 27px;
}

.section10 .cot2,
.section10 .cot3 {
  height: 650px;
  background: #a1682a;
}

.section10 .cot3 {
  background-image: url(/wp-content/uploads/2023/07/bg_contact_home.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.section9 .box .box-image {
  border-radius: 7px;
}

.list-post2 .post-item {
  padding-bottom: 0;
}

.section9 .post-item .col-inner {
  border-radius: 0 0 7px 7px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.section10 .cot2 .col-inner,
.section10 .cot3 .col-inner {
  padding: 150px 100px;
}

.section10 h3 {
  font-family: "Philosopher", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 45px;
  color: #fff;
  margin-bottom: 30px;
}

.section10 .cot1 p {
  margin-bottom: -7px;
}

.list-post3 .post-item {
  padding-bottom: 0;
}

.footer-section .col {
  padding-bottom: 0;
}

.footer-section h3 {
  font-size: 24.72px;
  line-height: 28px;
  margin-bottom: 15px;
}

.footer-section .cot2 ul li a {
  font-family: "Philosopher", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 24.72px;
  line-height: 28px;
  color: #eee;
}

.footer-section ul li {
  list-style: none;
  margin-left: 0;
}

a.back-to-top {
  background: #e59f4f !important;
  border: none !important;
  color: white;
}

.footer1 .col {
  padding-bottom: 0;
}

.form-dat-phong {
  padding: 30px;
  border-radius: 10px;
}

.form-dat-phong h3 {
  text-transform: uppercase;
  font-weight: normal;
  color: #c7a62c;
  font-size: 15px;
}

.form-dat-phong h2 {
  color: #c7a62c;
}

.form-dat-phong input[type=submit] {
  margin: 0;
  width: 100%;
  padding: 5px 10px;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 500;
  background: #be9d2f !important;
  font-size: 15px;
}

.wpcf7-spinner {
  display: none;
}

form {
  margin-bottom: 0;
}

.slider-custom .flickity-button {
  display: none;
}

.slider-custom {
  padding: 0px 30px !important;
  bottom: 105px !important;
}

.hang-phong h2 {
  color: #5c6d2f;
  font-size: 40px;
}

.hang-phong .icon-box,
.spa-section .icon-box {
  align-items: center;
}

.spa-section h2 {
  color: #5c6d2f;
  font-size: 40px;
}

.be-boi-section .large-7 {
  background-image: url(/wp-content/uploads/2023/07/bg_about_home.png);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: center;
}

.accordion-item {
  background: white;
  margin-bottom: 15px;
  border-bottom: none;
}

.accordion-title {
  padding: 0.6em 30px;
  border-top: none;
  background: white;
  font-family: "Philosopher", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 27px;
  color: #5c5c5c;
}

.accordion .toggle {
  display: none;
}

.accordion-inner p {
  margin-bottom: 10px;
  font-size: 16px;
}

.accordion-title.active {
  background-color: white;
  border-bottom: 2px solid #e59f4f !important;
}

.blog-archive h1.page-title {
  font-size: 45px;
  color: #5c6d2f;
  letter-spacing: 0;
}

.blog-archive {
  padding-top: 30px;
}

.blog-single {
  padding-top: 30px;
}

.img-section .col {
  padding-bottom: 0;
}

.blog-single h1 {
  font-size: 28px;
}
@media only screen and (max-width: 849px) {
  .blog-single h1 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 549px) {
  .blog-single h1 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 849px) {
  .blog-single .entry-header-text-top {
    padding-bottom: 0;
  }
}
.blog-single .entry-header-text-top .entry-divider {
  display: none;
}
.blog-single .entry-content {
  font-size: 15px;
}
@media only screen and (max-width: 849px) {
  .blog-single .entry-content {
    font-size: 13px;
  }
}
@media only screen and (max-width: 849px) {
  .blog-single .entry-content p, .blog-single .entry-content .gallery-item, .blog-single .entry-content ul, .blog-single .entry-content ol {
    margin-bottom: 20px !important;
    padding-bottom: 0 !important;
  }
}
.blog-single .entry-content img {
  margin: 20px auto;
}
.blog-single .entry-content .wp-caption {
  margin-bottom: 20px;
}
.blog-single .entry-content .wp-caption img {
  margin: 0 auto;
}
.blog-single .entry-content .wp-caption .wp-caption-text {
  padding: 16px 0 0;
}

.blog-single .entry-meta {
  font-size: 14px;
  text-transform: none;
  letter-spacing: 0;
}

.entry-content {
  padding-bottom: 0;
  padding-top: 0;
}

.blog-archive .post-item .post-title {
  font-size: 22px;
  color: #be9d2f;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.blog-archive .post-item .from_the_blog_excerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.blog-archive .post-item .box-image {
  border-radius: 10px;
}

.blog-archive .post-item .post-title:hover {
  color: rgb(195, 131, 58);
}

.rank-math-breadcrumb p {
  margin-bottom: 10px;
}

.blog-archive .large-12 {
  padding-bottom: 15px;
}

.lien-he-section .icon-box {
  background: white;
  padding: 50px;
  border-radius: 20px;
  box-shadow: 2px 2px 40px rgba(0, 0, 0, 0.0588235294);
}

.lien-he-section .icon-box h3 {
  color: #5c6d2f;
  font-size: 30px;
}

.form-dat-phong input,
.form-dat-phong textarea {
  box-shadow: none;
  border: none;
  font-size: 14px;
  border-radius: 5px;
}

.widget {
  background: rgba(230, 226, 195, 0.2);
  padding: 25px;
}

span.widget-title {
  font-weight: bold;
  font-size: 20px;
  color: #5c6d2f;
  padding: 15px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #5c6d2f;
  text-transform: none;
  letter-spacing: 0;
  font-family: "Philosopher", sans-serif;
  display: block;
}

.widget .is-divider {
  display: none;
}

.recent-blog-posts-li .badge {
  width: 6.8em;
  height: 5em;
}

.bai-viet-lien-quan {
  margin-top: 15px;
}

.bai-viet-lien-quan h3 {
  font-size: 30px;
  color: #5c6d2f;
}

.bai-viet-lien-quan ul {
  margin-bottom: 0;
  display: inline-block;
  width: 100%;
}

.bai-viet-lien-quan ul li {
  list-style: none;
  width: 50%;
  color: graytext;
  float: left;
  padding-left: 4px;
  padding-right: 5px;
}

.bai-viet-lien-quan ul li .box-image img {
  height: 250px;
  border-radius: 4px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.bai-viet-lien-quan h4 {
  font-size: 18px;
  color: #5c6d2f;
  line-height: 24px;
  padding-top: 7px;
  height: 60px;
  overflow: hidden;
}

.list-post1 .post-item .post-title {
  margin-top: 16px;
  margin-bottom: 16px;
  color: #be9d2f;
}

h1.entry-title.mb {
  margin-bottom: 30px;
  text-transform: none;
  letter-spacing: 0;
  font-size: 45px;
  color: #5c6d2f;
}

.blog-single .entry-content .is-divider {
  display: none;
}

.blog-single .blog-share {
  text-align: left;
}

.cf7mls-btns .cf7mls_next.action-button,
.cf7mls-btns .cf7mls_back.action-button {
  margin: 20px 15px 22px !important;
  padding: 12px 15px !important;
}

.cf7mls-btns .cf7mls_next.action-button #section_493638448,
.cf7mls-btns .cf7mls_back.action-button #section_493638448 {
  padding-top: 100px;
  padding-bottom: 100px;
  display: none !important;
}

@media only screen and (max-width: 767px) {
  .cf7mls-btns .cf7mls_next.action-button .section.main-video,
  .cf7mls-btns .cf7mls_back.action-button .section.main-video {
    padding: 90px 0 20px !important;
    flex-direction: column;
  }
  .cf7mls-btns .cf7mls_next.action-button section.main-video .bg.section-bg,
  .cf7mls-btns .cf7mls_back.action-button section.main-video .bg.section-bg {
    position: unset;
    width: 100%;
  }
  .cf7mls-btns .cf7mls_next.action-button .section.main-video video,
  .cf7mls-btns .cf7mls_back.action-button .section.main-video video {
    position: unset;
    width: 100% !important;
    height: auto;
  }
}
@media only screen and (max-width: 849px) {
  .cf7mls-btns .cf7mls_next.action-button .section.main-video,
  .cf7mls-btns .cf7mls_back.action-button .section.main-video {
    padding: 90px 0 20px !important;
    flex-direction: column;
  }
  .cf7mls-btns .cf7mls_next.action-button section.main-video .bg.section-bg,
  .cf7mls-btns .cf7mls_back.action-button section.main-video .bg.section-bg {
    position: unset;
    width: 100%;
  }
  .cf7mls-btns .cf7mls_next.action-button .section.main-video video,
  .cf7mls-btns .cf7mls_back.action-button .section.main-video video {
    position: unset;
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 480px) {
  .cf7mls-btns .cf7mls_next.action-button .bottom-contact,
  .cf7mls-btns .cf7mls_back.action-button .bottom-contact {
    display: block !important;
    position: fixed !important;
    bottom: 0;
    background: white;
    width: 100%;
    z-index: 99;
    box-shadow: 2px 1px 9px #dedede;
    border-top: 1px solid #eaeaea;
  }
  .cf7mls-btns .cf7mls_next.action-button .bai-viet-lien-quan ul li,
  .cf7mls-btns .cf7mls_back.action-button .bai-viet-lien-quan ul li {
    width: 50%;
  }
  .cf7mls-btns .cf7mls_next.action-button .bai-viet-lien-quan ul li .box-image img,
  .cf7mls-btns .cf7mls_back.action-button .bai-viet-lien-quan ul li .box-image img {
    height: 90px;
  }
  .cf7mls-btns .cf7mls_next.action-button .bottom-contact ul li,
  .cf7mls-btns .cf7mls_back.action-button .bottom-contact ul li {
    margin-bottom: 5px;
    width: 20%;
    float: left;
    list-style: none;
    text-align: center;
    font-size: 13.5px;
  }
  .cf7mls-btns .cf7mls_next.action-button .bottom-contact ul li img,
  .cf7mls-btns .cf7mls_back.action-button .bottom-contact ul li img {
    width: 22px;
    margin-top: 5px;
    margin-bottom: 3px;
    opacity: 0.6;
  }
  .cf7mls-btns .cf7mls_next.action-button .bottom-contact ul li span,
  .cf7mls-btns .cf7mls_back.action-button .bottom-contact ul li span {
    color: black;
    font-size: 12px;
  }
  .cf7mls-btns .cf7mls_next.action-button .banner,
  .cf7mls-btns .cf7mls_back.action-button .banner {
    padding-top: 600px !important;
  }
  .cf7mls-btns .cf7mls_next.action-button .banner .text-box,
  .cf7mls-btns .cf7mls_back.action-button .banner .text-box {
    width: 100% !important;
    padding-left: 15px;
    padding-right: 15px;
  }
  .cf7mls-btns .cf7mls_next.action-button .banner .text-box p,
  .cf7mls-btns .cf7mls_back.action-button .banner .text-box p {
    font-size: 15px;
  }
  .cf7mls-btns .cf7mls_next.action-button .section1,
  .cf7mls-btns .cf7mls_back.action-button .section1 {
    margin-top: -35px;
  }
  .cf7mls-btns .cf7mls_next.action-button .wpcf7-form .fieldset-cf7mls .cf7mls-btns,
  .cf7mls-btns .cf7mls_back.action-button .wpcf7-form .fieldset-cf7mls .cf7mls-btns {
    position: inherit;
    top: 0;
    right: 0;
    margin-right: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    width: 100% !important;
    display: block;
  }
  .cf7mls-btns .cf7mls_next.action-button .cf7mls-btns .cf7mls_next.action-button,
  .cf7mls-btns .cf7mls_back.action-button .cf7mls-btns .cf7mls_next.action-button {
    margin: 10px 0 !important;
    width: 100%;
    border-radius: 0px !important;
  }
  .cf7mls-btns .cf7mls_next.action-button .form-booking .large-2,
  .cf7mls-btns .cf7mls_back.action-button .form-booking .large-2 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .cf7mls-btns .cf7mls_next.action-button .section2,
  .cf7mls-btns .cf7mls_back.action-button .section2 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .cf7mls-btns .cf7mls_next.action-button .section2 h2,
  .cf7mls-btns .cf7mls_back.action-button .section2 h2 {
    line-height: 35px;
    font-size: 30px;
  }
  .cf7mls-btns .cf7mls_next.action-button .section2 .slider .row,
  .cf7mls-btns .cf7mls_back.action-button .section2 .slider .row {
    width: 100% !important;
  }
  .cf7mls-btns .cf7mls_next.action-button .section2 .box h3,
  .cf7mls-btns .cf7mls_back.action-button .section2 .box h3 {
    font-size: 20px;
  }
  .cf7mls-btns .cf7mls_next.action-button .section2 .slider .row .col,
  .cf7mls-btns .cf7mls_back.action-button .section2 .slider .row .col {
    padding-left: 0;
    padding-right: 0;
  }
  .cf7mls-btns .cf7mls_next.action-button .section3 h2,
  .cf7mls-btns .cf7mls_back.action-button .section3 h2 {
    font-size: 25px;
  }
  .cf7mls-btns .cf7mls_next.action-button .section3 h2::before,
  .cf7mls-btns .cf7mls_next.action-button .section3 h2::after,
  .cf7mls-btns .cf7mls_back.action-button .section3 h2::before,
  .cf7mls-btns .cf7mls_back.action-button .section3 h2::after {
    content: "";
    background-repeat: no-repeat;
    background-size: 86px 33px;
    display: block;
    width: 86px;
    height: 33px;
  }
  .cf7mls-btns .cf7mls_next.action-button .section3 .cot1 .icon-box,
  .cf7mls-btns .cf7mls_back.action-button .section3 .cot1 .icon-box {
    margin-left: 0;
  }
  .cf7mls-btns .cf7mls_next.action-button .section3 .cot3 .icon-box,
  .cf7mls-btns .cf7mls_back.action-button .section3 .cot3 .icon-box {
    margin-left: 0;
  }
  .cf7mls-btns .cf7mls_next.action-button .section4 h2,
  .cf7mls-btns .cf7mls_back.action-button .section4 h2 {
    font-size: 35px;
    line-height: 38px;
  }
  .cf7mls-btns .cf7mls_next.action-button .section5 h2,
  .cf7mls-btns .cf7mls_next.action-button .section8 h2,
  .cf7mls-btns .cf7mls_next.action-button .section9 h2,
  .cf7mls-btns .cf7mls_back.action-button .section5 h2,
  .cf7mls-btns .cf7mls_back.action-button .section8 h2,
  .cf7mls-btns .cf7mls_back.action-button .section9 h2 {
    font-size: 35px;
    line-height: 39px;
  }
  .cf7mls-btns .cf7mls_next.action-button .section5 .large-9,
  .cf7mls-btns .cf7mls_back.action-button .section5 .large-9 {
    flex-basis: 60%;
    max-width: 60%;
  }
  .cf7mls-btns .cf7mls_next.action-button .section5 .large-3,
  .cf7mls-btns .cf7mls_back.action-button .section5 .large-3 {
    flex-basis: 40%;
    max-width: 40%;
  }
  .cf7mls-btns .cf7mls_next.action-button .section5 .box h3,
  .cf7mls-btns .cf7mls_back.action-button .section5 .box h3 {
    font-size: 20px;
  }
  .cf7mls-btns .cf7mls_next.action-button .section6 h2,
  .cf7mls-btns .cf7mls_next.action-button .section7 h2,
  .cf7mls-btns .cf7mls_back.action-button .section6 h2,
  .cf7mls-btns .cf7mls_back.action-button .section7 h2 {
    font-size: 35px;
    line-height: 39px;
  }
  .cf7mls-btns .cf7mls_next.action-button .list-post2 .post-item .box-text,
  .cf7mls-btns .cf7mls_back.action-button .list-post2 .post-item .box-text {
    padding: 15px;
  }
  .cf7mls-btns .cf7mls_next.action-button .list-post2 .post-item .post-title,
  .cf7mls-btns .cf7mls_back.action-button .list-post2 .post-item .post-title {
    font-size: 24px;
    line-height: 27px;
  }
  .cf7mls-btns .cf7mls_next.action-button .list-post2 .post-item .post-meta,
  .cf7mls-btns .cf7mls_back.action-button .list-post2 .post-item .post-meta {
    font-size: 14px;
  }
  .cf7mls-btns .cf7mls_next.action-button .list-post2 .post-item .from_the_blog_excerpt,
  .cf7mls-btns .cf7mls_back.action-button .list-post2 .post-item .from_the_blog_excerpt {
    font-size: 15px;
  }
  .cf7mls-btns .cf7mls_next.action-button .section9 .icon-box p,
  .cf7mls-btns .cf7mls_back.action-button .section9 .icon-box p {
    font-size: 25px;
  }
  .cf7mls-btns .cf7mls_next.action-button .section9 .box h3,
  .cf7mls-btns .cf7mls_back.action-button .section9 .box h3 {
    font-size: 25px;
    font-weight: normal;
  }
  .cf7mls-btns .cf7mls_next.action-button .list-post3 .post-item .post-title,
  .cf7mls-btns .cf7mls_back.action-button .list-post3 .post-item .post-title {
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
  }
  .cf7mls-btns .cf7mls_next.action-button .section10 .cot2 .col-inner,
  .cf7mls-btns .cf7mls_next.action-button .section10 .cot3 .col-inner,
  .cf7mls-btns .cf7mls_back.action-button .section10 .cot2 .col-inner,
  .cf7mls-btns .cf7mls_back.action-button .section10 .cot3 .col-inner {
    padding: 15px;
  }
  .cf7mls-btns .cf7mls_next.action-button .section10 .cot2,
  .cf7mls-btns .cf7mls_next.action-button .section10 .cot3,
  .cf7mls-btns .cf7mls_back.action-button .section10 .cot2,
  .cf7mls-btns .cf7mls_back.action-button .section10 .cot3 {
    height: auto;
  }
  .cf7mls-btns .cf7mls_next.action-button .section10 h3,
  .cf7mls-btns .cf7mls_back.action-button .section10 h3 {
    font-size: 30px;
  }
  .cf7mls-btns .cf7mls_next.action-button .form-dat-phong h2,
  .cf7mls-btns .cf7mls_back.action-button .form-dat-phong h2 {
    font-size: 30px;
  }
  .cf7mls-btns .cf7mls_next.action-button .form-dat-phong,
  .cf7mls-btns .cf7mls_back.action-button .form-dat-phong {
    margin-top: 15px;
  }
  .cf7mls-btns .cf7mls_next.action-button .footer-section .col,
  .cf7mls-btns .cf7mls_back.action-button .footer-section .col {
    padding-bottom: 15px;
  }
  .cf7mls-btns .cf7mls_next.action-button .footer-section .cot2 ul li a,
  .cf7mls-btns .cf7mls_back.action-button .footer-section .cot2 ul li a {
    font-size: 20px;
  }
  .cf7mls-btns .cf7mls_next.action-button .footer-section h3,
  .cf7mls-btns .cf7mls_back.action-button .footer-section h3 {
    font-size: 21px;
  }
  .cf7mls-btns .cf7mls_next.action-button .form-flat input[type=submit],
  .cf7mls-btns .cf7mls_back.action-button .form-flat input[type=submit] {
    width: 100%;
    margin: 0;
    background: #ff9800;
    text-transform: none;
    letter-spacing: 0;
    font-weight: normal;
  }
  .cf7mls-btns .cf7mls_next.action-button h1.entry-title.mb,
  .cf7mls-btns .cf7mls_back.action-button h1.entry-title.mb {
    margin-bottom: 10px;
    font-size: 30px;
  }
  .cf7mls-btns .cf7mls_next.action-button .hang-phong h2,
  .cf7mls-btns .cf7mls_back.action-button .hang-phong h2 {
    font-size: 30px;
  }
  .cf7mls-btns .cf7mls_next.action-button .slider-custom,
  .cf7mls-btns .cf7mls_back.action-button .slider-custom {
    bottom: 57px !important;
  }
  .cf7mls-btns .cf7mls_next.action-button .spa-section h2,
  .cf7mls-btns .cf7mls_back.action-button .spa-section h2 {
    font-size: 30px;
  }
  .cf7mls-btns .cf7mls_next.action-button .spa-section h3,
  .cf7mls-btns .cf7mls_back.action-button .spa-section h3 {
    font-size: 20px;
  }
  .cf7mls-btns .cf7mls_next.action-button .accordion-title,
  .cf7mls-btns .cf7mls_back.action-button .accordion-title {
    font-size: 20px;
  }
  .cf7mls-btns .cf7mls_next.action-button .accordion-inner,
  .cf7mls-btns .cf7mls_back.action-button .accordion-inner {
    padding: 15px;
  }
  .cf7mls-btns .cf7mls_next.action-button .accordion-title,
  .cf7mls-btns .cf7mls_back.action-button .accordion-title {
    padding: 5px 20px;
  }
  .cf7mls-btns .cf7mls_next.action-button .blog-archive h1.page-title,
  .cf7mls-btns .cf7mls_back.action-button .blog-archive h1.page-title {
    font-size: 35px;
    color: #5c6d2f;
    letter-spacing: 0;
    margin-bottom: 0;
  }
  .cf7mls-btns .cf7mls_next.action-button .blog-single h1,
  .cf7mls-btns .cf7mls_back.action-button .blog-single h1 {
    font-size: 30px;
  }
  .cf7mls-btns .cf7mls_next.action-button .bai-viet-lien-quan h3,
  .cf7mls-btns .cf7mls_back.action-button .bai-viet-lien-quan h3 {
    font-size: 25px;
  }
  .cf7mls-btns .cf7mls_next.action-button .bai-viet-lien-quan h4,
  .cf7mls-btns .cf7mls_back.action-button .bai-viet-lien-quan h4 {
    font-size: 16px;
    color: #5c6d2f;
    line-height: 19px;
    padding-top: 7px;
    height: 65px;
    overflow: hidden;
  }
  .cf7mls-btns .cf7mls_next.action-button .lien-he-section .icon-box h3,
  .cf7mls-btns .cf7mls_back.action-button .lien-he-section .icon-box h3 {
    color: #5c6d2f;
    font-size: 25px;
    margin-bottom: 0;
  }
  .cf7mls-btns .cf7mls_next.action-button .section.main-video,
  .cf7mls-btns .cf7mls_back.action-button .section.main-video {
    padding: 90px 0 20px !important;
    flex-direction: column;
  }
  .cf7mls-btns .cf7mls_next.action-button section.main-video .bg.section-bg,
  .cf7mls-btns .cf7mls_back.action-button section.main-video .bg.section-bg {
    position: unset;
    width: 100%;
  }
  .cf7mls-btns .cf7mls_next.action-button .section.main-video video,
  .cf7mls-btns .cf7mls_back.action-button .section.main-video video {
    position: unset;
    width: 100%;
    height: auto;
  }
}
.blog-single h1 {
  text-transform: uppercase;
}

.page-template #main #content section.section .section-content h1, .page-template #main #content section.section .section-content h2, .page-template #main #content section.section .section-content h3, .page-template #main #content section.section .section-content h4, .page-template #main #content section.section .section-content h5 {
  line-height: 1.5;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.page-template #main #content section.section .section-content h1.section-title-main, .page-template #main #content section.section .section-content h2.section-title-main, .page-template #main #content section.section .section-content h3.section-title-main, .page-template #main #content section.section .section-content h4.section-title-main, .page-template #main #content section.section .section-content h5.section-title-main {
  margin-bottom: 0;
}

.page-template #main #content section.section .section-content h1 b, .page-template #main #content section.section .section-content h2 b, .page-template #main #content section.section .section-content h3 b, .page-template #main #content section.section .section-content h4 b, .page-template #main #content section.section .section-content h5 b {
  display: none;
}

.page-template #main #content section.section .section-content h1 *:not(a, i), .page-template #main #content section.section .section-content h2 *:not(a, i), .page-template #main #content section.section .section-content h3 *:not(a, i), .page-template #main #content section.section .section-content h4 *:not(a, i), .page-template #main #content section.section .section-content h5 *:not(a, i) {
  padding: 0;
  margin: 0;
  border: 0;
}

.page-template #main #content section.section .section-content h1 i, .page-template #main #content section.section .section-content h2 i, .page-template #main #content section.section .section-content h3 i, .page-template #main #content section.section .section-content h4 i, .page-template #main #content section.section .section-content h5 i {
  top: 2px;
}

.page-template #main #content section.section .section-content h1.section-title-bold-center, .page-template #main #content section.section .section-content h1.section-title-center, .page-template #main #content section.section .section-content h1.section-title-center, .page-template #main #content section.section .section-content h2.section-title-bold-center, .page-template #main #content section.section .section-content h2.section-title-center, .page-template #main #content section.section .section-content h2.section-title-center, .page-template #main #content section.section .section-content h3.section-title-bold-center, .page-template #main #content section.section .section-content h3.section-title-center, .page-template #main #content section.section .section-content h3.section-title-center, .page-template #main #content section.section .section-content h4.section-title-bold-center, .page-template #main #content section.section .section-content h4.section-title-center, .page-template #main #content section.section .section-content h4.section-title-center, .page-template #main #content section.section .section-content h5.section-title-bold-center, .page-template #main #content section.section .section-content h5.section-title-center, .page-template #main #content section.section .section-content h5.section-title-center {
  text-align: center;
  justify-content: center;
}

.page-template #main #content section.section .section-content h5:not(.post-title) {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .page-template #main #content section.section .section-content h5:not(.post-title) {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .page-template #main #content section.section .section-content h5:not(.post-title) {
    font-size: 20px;
  }
}
@media (max-width: 549px) {
  .page-template #main #content section.section .section-content h5:not(.post-title) {
    font-size: 16px;
  }
}
.page-template #main #content section.section .section-content h4:not(.list-res h4) {
  margin-bottom: 0;
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .page-template #main #content section.section .section-content h4:not(.list-res h4) {
    font-size: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .page-template #main #content section.section .section-content h4:not(.list-res h4) {
    font-size: 24px;
  }
}
@media (max-width: 549px) {
  .page-template #main #content section.section .section-content h4:not(.list-res h4) {
    font-size: 20px;
  }
}
.page-template #main #content section.section .section-content h4:not(.list-res h4) span {
  border: 0;
  padding: 0;
}

.page-template #main #content section.section .section-content h3 {
  text-transform: uppercase;
  text-align: left;
}

.page-template #main #content section.section .section-content h3 span {
  padding: 0;
  margin: 0;
  border: 0;
}

@media only screen and (min-width: 768px) {
  .page-template #main #content section.section .section-content h3 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .page-template #main #content section.section .section-content h3 {
    font-size: 28px;
  }
}
@media (max-width: 549px) {
  .page-template #main #content section.section .section-content h3 {
    font-size: 24px;
  }
}
.page-template #main #content section.section .section-content h2 {
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .page-template #main #content section.section .section-content h2 {
    font-size: 38px;
  }
}
@media only screen and (max-width: 767px) {
  .page-template #main #content section.section .section-content h2 {
    font-size: 32px;
  }
}
@media (max-width: 549px) {
  .page-template #main #content section.section .section-content h2 {
    font-size: 26px;
  }
}
.page-template #main #content section.section .section-content .list-res h4 {
  font-family: "Open Sans", sans-serif;
  font-size: large;
  font-weight: 700;
  margin-bottom: 0;
}

@media only screen and (max-width: 991px) {
  .page-template #main #content section.section .section-content .list-res h4 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 549px) {
  .page-template #main #content section.section .section-content .list-res h4 {
    font-size: 13px;
    padding-left: 8px;
    width: 100%;
  }
}
.page-template #main #content section.section .section-content h5.post-title {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: medium;
}

.page-template #main #content section.section .section-content a.button:not(.social-icons a) {
  font-size: 15px;
  padding: 0px 16px;
  min-width: 190px;
  line-height: 48px;
  font-weight: 400;
  text-transform: math-auto;
  vertical-align: auto;
  display: inline-block;
}
.page-template #main #content section.section .section-content a.button:not(.social-icons a) i {
  height: 18px;
  top: calc(50% - 9px);
  margin-top: 2px;
}
.page-template #main #content section.section .section-content a.button:not(.social-icons a) i.icon-phone {
  top: -2px;
}
@media only screen and (max-width: 550px) {
  .page-template #main #content section.section .section-content a.button:not(.social-icons a) i.icon-phone {
    top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .page-template #main #content section.section .section-content a.button:not(.social-icons a) {
    min-width: 100px;
    line-height: 30px;
    justify-content: space-between;
    padding: 2px 12px 0 !important;
    align-items: center;
    font-size: 12px;
  }
}
.page-template #main #content section.section .section-content a.button:not(.social-icons a)::after {
  box-shadow: inset 0 1.6em 0 0 hsla(0, 0%, 100%, 0.1);
}

.page-template #main #content section.section .section-content .social-icons {
  padding-left: 0;
}
@media only screen and (max-width: 767px) {
  .page-template #main #content section.section .section-content .social-icons {
    padding-left: 0;
    padding-top: 2px;
  }
}

.page-template #main #content section.section .section-content .social-icons a {
  border-width: 1px;
  width: 45px;
  line-height: 43px;
  padding: 0;
  margin: 0 5px 0 0;
}
@media only screen and (max-width: 767px) {
  .page-template #main #content section.section .section-content .social-icons a {
    width: 32px;
    line-height: 30px;
    min-width: 30px;
  }
}

.page-template #main #content section.section .section-content .social-icons a:hover {
  border-color: #fff !important;
}

.page-template #main #content section.section .section-content .list-btn .col-inner {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}

.page-template #main #content section.section .section-content .list-btn .col-inner a.button {
  flex-wrap: wrap;
  line-height: 48px;
}
@media only screen and (max-width: 767px) {
  .page-template #main #content section.section .section-content .list-btn .col-inner a.button {
    max-width: none;
    width: auto;
  }
}
.page-template #main #content section.section .section-content .list-btn .col-inner a.button i {
  top: 1px;
}

.page-template #main #content section.lien-he-section .section-content h5 {
  font-family: "Open Sans", sans-serif;
  margin-bottom: 10px;
  font-size: 18px !important;
}

.page-template #main #content section.lien-he-section .section-content .wrap-address {
  margin-top: 10px;
}

.page-template #main #content section.section .section-content .form-dat-phong h3 {
  margin-bottom: 10px;
}

.navigation-post a {
  text-transform: uppercase;
}

.single p, .single ul li, .single ol li {
  line-height: 1.7;
}

.single p, .single ul, .single ol {
  margin-bottom: 24px;
}

@media only screen and (max-width: 850px) {
  .arc-container {
    flex-basis: 65%;
    max-width: 65%;
    margin-left: 35%;
  }
}
@media only screen and (max-width: 767px) {
  .arc-container {
    flex-basis: 100%;
    max-width: 100%;
    margin-left: 0%;
  }
}
.arc-container .col-inner {
  position: relative;
  padding-left: 20px;
}
@media only screen and (max-width: 549px) {
  .arc-container .col-inner {
    padding-left: 0;
  }
}

.arc-container .col-inner .arc-item {
  transition: all 0.3s ease;
  margin-bottom: 40px;
  transform-origin: left center;
  border-radius: 12px;
}

@media only screen and (max-width: 550px) {
  .arc-container .col-inner .arc-item {
    margin-bottom: 12px !important;
  }
}
@media only screen and (max-width: 850px) {
  .arc-container .col-inner .arc-item .col-inner {
    background: rgba(255, 255, 255, 0.6);
    opacity: 1;
  }
}
@media only screen and (max-width: 550px) {
  .arc-container .col-inner .arc-item .col-inner .icon-box-left .icon-box-img + .icon-box-text {
    padding-left: 0 !important;
  }
}
@media only screen and (max-width: 549px) {
  .arc-container .col-inner .arc-item .col-inner img {
    width: 35px;
  }
}
.arc-container .col-inner .arc-item:last-child {
  margin-bottom: 0;
}

.arc-container .col-inner { /* Trung tâm - lồi nhất */ }

.arc-container .col-inner .item-0 {
  transform: translateX(10px);
}

.arc-container .col-inner .item-1 {
  transform: translateX(30px);
}

.arc-container .col-inner .item-2 {
  transform: translateX(55px);
}

.arc-container .col-inner .item-3 {
  transform: translateX(80px);
}

.arc-container .col-inner .item-4 {
  transform: translateX(55px);
}

.arc-container .col-inner .item-5 {
  transform: translateX(30px);
}

.arc-container .col-inner .item-6 {
  transform: translateX(10px);
}

@media screen and (max-width: 850px) {
  .section.banner-top.banner-top-gioi-thieu {
    padding-bottom: 0 !important;
  }
}
#breadcrumbs {
  margin-right: calc((100vw - 100%) / 2 * -1);
  margin-left: calc((100vw - 100%) / 2 * -1);
  margin-top: -30px;
  background-color: rgba(245, 245, 245, 0.05);
  margin-bottom: 40px;
}
#breadcrumbs .container-width {
  padding: 8px 15px;
  font-size: 12px;
}

.post_loader .post-item .box .box-image .image-cover {
  padding: 0 !important;
  border-radius: 5px !important;
}
.post_loader .post-item .box .box-image .image-cover img {
  position: unset !important;
  aspect-ratio: 767/400;
}

.flickity-slider .img-inner img,
.spa-section .img-inner img,
.nha-hang-section .img-inner img {
  aspect-ratio: 1000/667;
  object-fit: cover !important;
}
@media only screen and (max-width: 549px) {
  .flickity-slider .img-inner img,
  .spa-section .img-inner img,
  .nha-hang-section .img-inner img {
    aspect-ratio: 4/3;
  }
}

.sl-wrapper.simple-lightbox {
  max-width: 1000px;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  min-height: 500px;
}
.sl-wrapper.simple-lightbox .sl-image {
  position: unset;
  margin: 0 auto;
  opacity: 1 !important;
}
.sl-wrapper.simple-lightbox .sl-image img {
  transform: none !important;
  opacity: 1 !important;
  display: block !important;
}

.sl-wrapper .sl-image .sl-caption {
  padding: 0;
  top: 0;
  display: none !important;
}

.sl-overlay {
  background-color: #0b0b0b;
  opacity: 0.6;
}

.sl-wrapper .sl-counter {
  bottom: -30px;
  right: 0;
  top: auto;
  left: auto;
  height: auto;
  font-size: 12px;
}

.sl-wrapper .sl-navigation button.sl-prev,
.sl-wrapper .sl-navigation button.sl-next,
.sl-wrapper .sl-close {
  color: #fff;
  position: absolute;
  margin: 0;
  width: 50px;
  margin: 0;
  height: 50px;
  min-height: unset;
  line-height: 50px;
  color: transparent;
  font-size: 0;
}
.sl-wrapper .sl-navigation button.sl-prev::before,
.sl-wrapper .sl-navigation button.sl-next::before,
.sl-wrapper .sl-close::before {
  content: "";
  font-family: fl-icons !important;
  font-style: normal !important;
  font-variant: normal !important;
  font-weight: 400 !important;
  line-height: 1.2;
  font-size: 45px;
  speak: none !important;
  color: #fff;
  opacity: 0.8;
}

.sl-wrapper .sl-navigation button.sl-prev::before {
  content: "\f104";
}

.sl-wrapper .sl-navigation button.sl-next::before {
  content: "\f105";
}

.sl-wrapper .sl-navigation button.sl-prev {
  left: 0;
}

.sl-wrapper .sl-navigation button.sl-next {
  right: 0;
}

.sl-wrapper .sl-close {
  right: 0;
  top: -30px !important;
  margin: 0 !important;
  min-height: auto;
  width: 40px;
  height: 40px;
}
.sl-wrapper .sl-close::before {
  position: fixed;
  right: calc((100vw - 100%) / 2 * -1);
  top: calc((100vh - 100%) / 2 * -1);
  content: content;
  background: transparent url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"%3E%3Cline x1="18" y1="6" x2="6" y2="18"%3E%3C/line%3E%3Cline x1="6" y1="6" x2="18" y2="18"%3E%3C/line%3E%3C/svg%3E') no-repeat center center;
  background-size: 30px; /* Kích thước SVG */
  width: 40px;
  height: 40px;
  display: inline-block;
  /* border: 1px solid #ccc; /* Tùy chọn: viền */
  cursor: pointer; /* Tùy chọn: hiệu ứng con trỏ */
}

.hinhanh-section .ngg-gallery-thumbnail {
  background-color: transparent;
  border-color: transparent;
}
.hinhanh-section .ngg-navigation {
  text-align: center;
}
.hinhanh-section .ngg-navigation a, .hinhanh-section .ngg-navigation span {
  border: 2px solid #fff;
  border-radius: 99px;
  display: inline-block;
  font-size: 1.1em;
  font-weight: bolder;
  width: 2.25em;
  height: 2.25em;
  line-height: 2em;
  min-width: 2.25em;
  padding: 0 7px;
  text-align: center;
  transition: all 0.3s;
  vertical-align: top;
  background-color: transparent;
}
.hinhanh-section .ngg-navigation a:hover, .hinhanh-section .ngg-navigation span:hover {
  background-color: #be9d2f;
  border-color: #be9d2f;
  opacity: 1;
}
.hinhanh-section .ngg-navigation .current {
  background-color: #be9d2f;
  border-color: #be9d2f;
}
.hinhanh-section .ngg-navigation .prev, .hinhanh-section .ngg-navigation .next {
  color: transparent !important;
  position: relative;
}
.hinhanh-section .ngg-navigation .prev::before, .hinhanh-section .ngg-navigation .next::before {
  content: "";
  width: 10px;
  height: 10px;
  border: 4px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 12px;
  transition: all ease-in-out 0.3s;
}
.hinhanh-section .ngg-navigation .next {
  transform: rotate(180deg);
}

.related-posts-section .section-content {
  max-width: 1175px;
  margin: 0 auto;
}

.single #breadcrumbs .container-width {
  max-width: 1175px;
}
.single #main .social-icons {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  margin: 30px 0 20px;
}
@media only screen and (max-width: 849px) {
  .single #main .social-icons {
    margin: 0 0 20px;
  }
}
.single #main .social-icons a.button {
  border-width: 1px;
  width: 45px;
  height: 45px;
  line-height: 43px;
  margin-bottom: 0;
}
@media only screen and (max-width: 849px) {
  .single #main .social-icons a.button {
    width: 30px;
    height: 30px;
    line-height: 28px;
  }
}
.single #main .social-icons a.button:hover {
  border: 1px solid #fff !important;
}
@media only screen and (max-width: 849px) {
  .single .post {
    margin-bottom: 0;
  }
}

.tabbed-content.tab-page-hinhanh .tab-panels .panel .slider {
  padding-bottom: 30px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 549px) {
  .tabbed-content.tab-page-hinhanh .tab-panels .panel .slider {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.tabbed-content.tab-page-hinhanh .tab-panels .panel .flickity-button {
  top: auto !important;
  bottom: 17px !important;
  opacity: 1;
  z-index: 9;
  font-size: 15px;
  width: 33px;
  height: 33px;
  line-height: 27px;
  border-radius: 50%;
  border: 2px solid #fff;
  display: flex;
  padding: 0;
  z-index: 999;
  min-height: auto;
  overflow: hidden;
  margin: 0;
}
.tabbed-content.tab-page-hinhanh .tab-panels .panel .flickity-button::before {
  font-family: fl-icons !important;
  font-style: normal !important;
  font-variant: normal !important;
  font-weight: 400 !important;
  line-height: 1.2;
  font-style: normal;
  width: 100%;
  height: 100%;
  line-height: 29px;
  font-size: 1.1em;
  content: "\f105";
}
.tabbed-content.tab-page-hinhanh .tab-panels .panel .flickity-button svg {
  border-color: transparent;
  opacity: 0;
}
.tabbed-content.tab-page-hinhanh .tab-panels .panel .flickity-button:hover {
  background-color: #be9d2f !important;
  border-color: #be9d2f !important;
}
.tabbed-content.tab-page-hinhanh .tab-panels .panel .flickity-button.previous {
  left: calc(50% - 82px);
}
.tabbed-content.tab-page-hinhanh .tab-panels .panel .flickity-button.previous::before {
  transform: rotate(180deg);
}
.tabbed-content.tab-page-hinhanh .tab-panels .panel .flickity-button.next {
  right: calc(50% - 82px);
}
.tabbed-content.tab-page-hinhanh .tab-panels .panel .flickity-button.next::before {
  content: "\f105";
}
.tabbed-content.tab-page-hinhanh .tab-panels .flickity-page-dots {
  counter-reset: item;
  list-style: none;
  top: auto;
  margin-top: 10px;
  z-index: 99;
}
@media only screen and (max-width: 549px) {
  .tabbed-content.tab-page-hinhanh .tab-panels .flickity-page-dots {
    padding-left: 0;
    position: relative;
    bottom: auto;
    left: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    pointer-events: auto;
  }
}
.tabbed-content.tab-page-hinhanh .tab-panels .flickity-page-dots li {
  width: 33px;
  height: 33px;
  background-color: transparent !important;
  opacity: 1;
  counter-increment: item;
  position: relative;
  font-size: 1.1em;
}
.tabbed-content.tab-page-hinhanh .tab-panels .flickity-page-dots li:hover {
  background-color: #be9d2f !important;
}
.tabbed-content.tab-page-hinhanh .tab-panels .flickity-page-dots li:before {
  content: counter(item) ""; /* Hiển thị số */
  position: absolute;
  colo: #fff;
  font-weight: 500;
  top: 0;
  left: 0;
  line-height: 29px;
  font-size: 14px;
  width: 100%;
  height: 100%;
  transition: all 0.3s;
}

.header-nav li.menu-item.active-single a {
  color: #be9d2f !important;
}

footer .social-icons a {
  margin-bottom: 0;
}

.pum-content .df-container .df-bg {
  background-color: #fff !important;
}

@media only screen and (max-width: 849px) {
  .banner-quang-cao {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 549px) {
  .banner-quang-cao {
    padding-bottom: 0;
  }
}
.banner-quang-cao .flickity-slider .img-inner img, .banner-quang-cao .spa-section .img-inner img, .banner-quang-cao .nha-hang-section .img-inner img {
  aspect-ratio: 1/2 !important;
}
@media only screen and (max-width: 849px) {
  .banner-quang-cao .flickity-slider .img-inner img, .banner-quang-cao .spa-section .img-inner img, .banner-quang-cao .nha-hang-section .img-inner img {
    aspect-ratio: revert-layer !important;
    background-size: contain;
  }
}
.banner-quang-cao .flickity-page-dots {
  bottom: -35px;
}
@media only screen and (max-width: 549px) {
  .banner-quang-cao .flickity-page-dots {
    position: unset;
    margin: 20px auto 0;
  }
}

.navigation-post.single-nav {
  max-width: 1145px;
  margin: 0 auto;
}
@media only screen and (max-width: 849px) {
  .navigation-post.single-nav .flex-col {
    padding-top: 10px;
    padding-bottom: 5px;
  }
}
.navigation-post.single-nav a {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 849px) {
  .navigation-post.single-nav a {
    font-size: 15px;
  }
}
.navigation-post.single-nav a b {
  font-weight: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  align-self: stretch;
  overflow: hidden;
  padding-right: 10px;
}
.navigation-post.single-nav a span.hide-for-small {
  font-size: 12px;
}
@media only screen and (max-width: 549px) {
  .navigation-post.single-nav a span.hide-for-small {
    display: inline-block !important;
  }
}
.navigation-post.single-nav .text-right a {
  justify-content: flex-end;
}

.home .section.main-video {
  z-index: 2;
}

.wpcf7 form.wpcf7-form.invalid .wpcf7-response-output.ative {
  height: 0;
  overflow: hidden;
  display: none !important;
}

.page-template #content section.spa-section .nut-xem-them {
  display: flex;
  align-items: center;
}
.page-template #content section.spa-section .zalo-icon.nut-xem-them {
  margin-top: 0;
  margin-bottom: 0 !important;
}
@media only screen and (max-width: 549px) {
  .page-template #content section.spa-section .zalo-icon.nut-xem-them {
    line-height: 28px;
    padding: 0 10px;
  }
}
.page-template #content section.spa-section .zalo-icon.nut-xem-them img {
  position: relative;
  top: -1px;
  margin-right: 5px;
}
@media only screen and (max-width: 549px) {
  .page-template #content section.spa-section .zalo-icon.nut-xem-them img {
    height: 10px;
  }
}
.page-template #content section.spa-section .zalo-icon.nut-xem-them a {
  color: #fff;
}

@media only screen and (max-width: 1200px) {
  footer .footer-widgets.footer.footer-1 {
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 549px) {
  footer .footer-widgets.footer.footer-1 {
    padding-top: 20px;
  }
}

/*Fix mobile 12.07.2025*/
@media only screen and (max-width: 849px) {
  .page-template #content .section .wpcf7 {
    bottom: 10px;
  }
  .page-template #content .section .cf7mls-no-moving-animation .fieldset-cf7mls-wrapper .fieldset-cf7mls {
    margin: 0;
  }
  .page-template #content .section .cf7mls-no-moving-animation .fieldset-cf7mls-wrapper .cf7mls-btns {
    bottom: 20px;
    right: 10px;
    display: flex;
    align-content: flex-end;
    align-items: flex-end;
  }
  .page-template #content .section .cf7mls-no-moving-animation .fieldset-cf7mls-wrapper .cf7mls-btns button {
    margin: 0 !important;
    padding: 0 20px !important;
    line-height: 38px;
    width: 100%;
  }
  .page-template #content .section:not(.banner-top) {
    padding: 30px 10px 10px !important;
  }
  .page-template #content section.section5 .section-content > .row .col,
  .page-template #content .section:not(.banner-top) .section-content .col {
    padding: 10px;
  }
  .page-template #main #content section.section .section-content h2 {
    font-size: 30px;
  }
  .page-template #content .section.section6 .section-content .col {
    padding-top: 0;
    padding-bottom: 0;
    max-width: 100%;
    flex-basis: 100%;
  }
  .page-template #main #content section.section .section-content h4:not(.list-res h4),
  .page-template #main #content section.section .section-content h5:not(.post-title) {
    font-size: 20px;
  }
  .page-template #content .section.section2 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .page-template #content .section.section2 .section-content .section-title-container {
    padding-left: 0;
    padding-right: 0;
  }
  .page-template #content .section.section2 .section-content .col.trai-nghiem-home {
    padding-left: 5px;
    padding-right: 5px;
  }
  .page-template #content .section.section2 .slider .col {
    padding-top: 0 !important;
  }
  .page-template #content .section.section2 .flickity-page-dots {
    position: unset;
    margin-top: 10px;
  }
  .page-template #main #content section.section .section-content a.button:not(.social-icons a) {
    margin-bottom: 0 !important;
    border-radius: 5px !important;
  }
  .page-template #content section.section7 .section-content .row .col {
    padding: 10px !important;
  }
  .page-template #content .section.section8 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
    opacity: 1;
  }
  .flickity-prev-next-button.previous {
    left: 20px;
  }
  .flickity-prev-next-button.next {
    right: 20px;
  }
  .page-template #main #content section.section .section-content h5.post-title {
    font-size: 16px;
    margin: 16px 0 8px;
  }
  .post-item .box .box-text p.from_the_blog_excerpt {
    margin: 8px 0;
    font-size: 13px;
  }
  .post-item .box .box-text button {
    margin-top: 0;
    font-size: 13px;
    font-weight: normal;
    padding: 0;
    min-height: auto;
    border: 0;
    margin: 0;
    line-height: normal;
    background-color: transparent;
  }
  .section-content .section-title-container {
    padding-left: 0px;
    padding-right: 10px;
  }
  .section-content .section-title-container b {
    display: none !important;
  }
  .page-template #content section.main-video .wpcf7 {
    padding: 0 10px;
  }
  .page-template #content section.main-video .wpcf7 .form-booking {
    padding: 5px;
  }
  .page-template #content section.main-video .wpcf7 .form-booking .col.large-2:last-child {
    padding-bottom: 0;
  }
  .page-template #content .section.section5 .section-content .section-title-container {
    padding-left: 10px;
  }
  footer .footer-widgets.footer.footer-1 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 550px) {
  .video-form-mobile {
    display: none !important;
  }
}

@media only screen and (max-width: 549px) {
  .youtube-frame-wrapper {
    overflow: hidden; /* Ẩn scroll trong phần chứa iframe */
    padding: 0;
  }
  .youtube-frame-wrapper iframe {
    aspect-ratio: 16/9;
    margin-top: 89px;
    margin-bottom: -10px;
  }
  .page-template #content section.main-video .section-content {
    min-height: auto;
    margin-top: 0;
  }
  .page-template #content section.main-video .wpcf7 {
    position: unset !important;
    transform: none !important;
  }
  .form-booking {
    background-color: #fff;
  }
  .page-template #content .section .wpcf7 {
    bottom: auto;
  }
  .page-template #content .section.sec-form-mobile {
    padding: 20px 20px 0 !important;
  }
  .page-template #content .section.sec-form-mobile .wpcf7 {
    bottom: 0;
  }
  .page-template #content .section.sec-form-mobile .wpcf7 .form-booking {
    border: 0;
    padding: 20px 10px;
  }
  .page-template #content .section.sec-form-mobile .wpcf7 .form-booking .col.large-2:last-child {
    padding-bottom: 0;
    padding-right: calc(50% + 10px) !important;
  }
}
@media only screen and (max-width: 549px) and (max-width: 549px) {
  .page-template #content .section.sec-form-mobile.main-video {
    min-height: auto;
    padding: 20px 10px 0 !important;
  }
}
@media only screen and (max-width: 549px) and (max-width: 549px) {
  .page-template #content .section.sec-form-mobile.main-video video {
    display: none;
  }
}
@media only screen and (max-width: 549px) {
  .page-template #main #content section.section5 .section-content h2 {
    margin-bottom: 0;
  }
  .ks-tsn-text-mobile {
    margin-top: 16px;
  }
  .page-template #content .section.section2 .section-content .col.trai-nghiem-home {
    padding-bottom: 0;
  }
  .page-template #content section.section7 .section-content a.button {
    margin-bottom: 0 !important;
  }
  .page-template #content section.section7 .row .col.col-100-1024 {
    padding-bottom: 0 !important;
  }
  .page-template #content section.section7 .row .col.col-100-1024 .col-inner {
    margin-bottom: 0;
  }
  .slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
    width: 36px !important;
    height: 36px !important;
  }
  .slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button svg {
    border: 2px solid #fff !important;
    padding: 9px !important;
  }
  footer .footer-widgets .widget {
    flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 0;
  }
  footer .footer-widgets .widget p:last-child {
    margin-bottom: 0;
  }
  footer .footer-widgets .widget:nth-of-type(2),
  footer .footer-widgets .widget:nth-of-type(3) {
    margin-bottom: 20px;
  }
  footer .footer-widgets.footer.footer-1 {
    padding-bottom: 15px;
  }
}
/*Gioi thieu*/
.social-and-phone .col {
  padding: 0 15px !important;
}
.social-and-phone .col-inner {
  display: flex;
  gap: 10px;
}

@media only screen and (max-width: 500px) {
  .social-and-phone:not(.list-btn) .col-inner {
    gap: 16px;
  }
}
@media only screen and (max-width: 374px) {
  .social-and-phone:not(.list-btn) .col-inner {
    flex-direction: column;
  }
}
@media only screen and (max-width: 500px) {
  .social-and-phone:not(.list-btn) .col-inner .social-icons {
    padding-left: 0 !important;
  }
}

@media only screen and (max-width: 849px) {
  .section.banner-top.banner-top-gioi-thieu .section-bg {
    background-position: left 45% center !important;
  }
  .arc-container {
    margin-left: 0;
    flex-basis: 50%;
    max-width: 50%;
    padding: 20px;
  }
  .arc-container .col-inner {
    padding-left: 0;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .arc-container .col-inner .row {
    width: 100%;
    margin: 0 !important;
  }
  .arc-container .col-inner .row .col {
    padding: 0;
  }
  .arc-container .col-inner .arc-item .col-inner {
    background: rgba(0, 10, 43, 0.1);
    justify-content: flex-start;
  }
  .arc-container .col-inner .arc-item .col-inner .icon-box-img {
    max-width: 45px;
  }
  .arc-container .col-inner .arc-item .col-inner h4 {
    font-size: 14px;
  }
}
@media only screen and (max-width: 849px) {
  .padding-top-0849 {
    padding-top: 0 !important;
  }
  .padding-top-0849 .col-inner {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media only screen and (max-width: 849px) {
  .page-template #content .section.padding-top-20849 {
    padding-top: 20px !important;
  }
}

@media only screen and (max-width: 849px) {
  .margin-bottom-20 {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 849px) {
  .margin-bottom-0849 p {
    margin-bottom: 0px;
  }
}

@media only screen and (max-width: 849px) {
  .page-template #content .section.gioithieu-vechungtoi .section-content .row {
    padding: 0 !important;
    margin: 0;
  }
}
@media only screen and (max-width: 849px) {
  .page-template #content .section.gioithieu-vechungtoi .section-content .row .nut-xem-them {
    margin-top: 1.3em;
  }
}
@media only screen and (max-width: 849px) {
  .page-template #content .section.gioithieu-pavillon .row-849 .col:nth-of-type(1) .col-inner {
    margin-top: 0 !important;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 849px) {
  .page-template #content .section.tien-ich-tan-son-nhat .section.section2 {
    padding: 0;
  }
}

@media only screen and (max-width: 549px) {
  .arc-container {
    flex-basis: 100%;
    max-width: 100%;
    padding: 20px;
  }
}
@media only screen and (max-width: 549px) {
  .arc-container .col-inner .row {
    width: 100%;
    transform: none;
  }
}
@media only screen and (max-width: 549px) {
  .arc-container .col-inner {
    gap: 10px;
  }
}

@media only screen and (max-width: 849px) {
  .banner-tab-mobile {
    padding-top: 90px;
  }
  .banner-tab-mobile img {
    border-radius: 0 !important;
  }
}

@media only screen and (max-width: 849px) {
  .page-template #content .section.hang-phong .cot1 ul li {
    font-size: 16px;
  }
}
@media only screen and (max-width: 849px) {
  .page-template #content .section.hang-phong .cot1 p, .page-template #content .section.hang-phong .cot1 p span {
    font-size: 16px !important;
  }
}

.hang-phong .section9 .icon-box {
  height: auto;
  padding: 0;
  text-align: left;
  background: transparent !important;
}
.hang-phong .section9 .icon-box .icon-box-text p {
  text-align: left;
}
.hang-phong .section9 .icon-box .icon-box-text p span {
  font-size: 16px !important;
}

.page-template #content .section:not(.banner-top) .section-content .list-nha-hang {
  gap: 20px 0;
}
@media only screen and (max-width: 849px) {
  .page-template #content .section:not(.banner-top) .section-content .list-nha-hang .col {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 849px) {
  .page-template #content .section:not(.banner-top) .section-content .list-nha-hang .col .col-inner a.button.secondary {
    padding: 0 16px !important;
  }
}

/*End gioi thieu*/
/*Nha hang sao bat dau*/
@media only screen and (max-width: 849px) {
  .slider-khampha-sp {
    padding: 0 5px;
  }
}
@media only screen and (max-width: 849px) {
  .slider-khampha-sp .flickity-page-dots {
    bottom: 8px !important;
    left: 0;
    right: 0;
    position: relative;
    z-index: 99;
    pointer-events: all;
  }
}
@media only screen and (max-width: 849px) {
  .slider-khampha-sp .gallery-col {
    padding-bottom: 25px !important;
  }
}
@media only screen and (max-width: 849px) {
  .slider-khampha-sp .flickity-prev-next-button {
    margin-top: 0 !important;
  }
}
@media only screen and (max-width: 849px) {
  .slider-khampha-sp .box-text {
    display: none;
  }
}

/*End Nha hang sao bat dau*/
/*Kham pha*/
@media only screen and (max-width: 549px) {
  .tab-title-custom ul.nav,
  .tab-page-hinhanh ul.nav {
    gap: 10px 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 549px) {
  .tab-title-custom ul.nav li a,
  .tab-page-hinhanh ul.nav li a {
    font-size: 13px;
    border: rgba(225, 225, 225, 0.5) 1px solid;
    width: 100%;
    line-height: 1.4;
    border-radius: 5px;
    padding: 10px;
    justify-content: center;
  }
}
@media only screen and (max-width: 549px) {
  .tab-title-custom ul.nav li:last-child,
  .tab-page-hinhanh ul.nav li:last-child {
    grid-column: span 2;
    justify-self: center;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .tab-title-custom ul.nav li.active a,
  .tab-page-hinhanh ul.nav li.active a {
    border-color: #c7a62c;
  }
}

@media only screen and (max-width: 767px) {
  .tab-page-hinhanh ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .tab-page-hinhanh ul li a {
    text-align: center;
    line-height: 1.4;
    padding: 10px 12px;
  }
}
@media only screen and (max-width: 549px) {
  .tab-page-hinhanh ul li a {
    background-color: #001135;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    padding: 10px;
    font-weight: 500;
    text-align: center;
    word-break: break-word;
    line-height: 1.4;
    transition: background-color 0.3s;
    justify-content: center;
    font-size: 13px;
  }
}
@media only screen and (max-width: 549px) {
  .tab-page-hinhanh ul li:last-child {
    grid-column: span 2;
    justify-self: center;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .form-dat-phong,
  .info-lienhe-page .col-inner {
    padding: 20px !important;
  }
}

/* End kham pha*/
/*Mobile */
@media screen and (max-width: 849px) {
  .mobile-nav.nav.nav-right {
    justify-content: flex-end !important;
  }
  .mobile-nav.nav.nav-right .has-dropdown.header-language-dropdown a {
    align-items: center;
    font-size: 0;
    margin: 0;
    padding: 0;
  }
  .mobile-nav.nav.nav-right .has-dropdown.header-language-dropdown a .image-icon {
    width: 24px;
    height: 16px;
    display: flex;
  }
  .mobile-nav.nav.nav-right .has-dropdown.header-language-dropdown a .icon-angle-down {
    opacity: 1;
    color: #fff;
    margin-left: 10px;
  }
  .mobile-nav.nav.nav-right .has-dropdown.header-language-dropdown::after, .mobile-nav.nav.nav-right .has-dropdown.header-language-dropdown::before {
    content: none !important;
  }
  .mobile-nav.nav.nav-right .has-dropdown.header-language-dropdown .nav-dropdown {
    border: 0;
    padding: 0;
    display: flex;
    background: transparent;
    min-width: auto;
    flex-direction: column;
    gap: 10px;
    background-color: rgba(225, 225, 225, 0.6);
    left: -10px !important;
    width: 44px;
    padding: 10px;
  }
  .mobile-nav.nav.nav-right .has-dropdown.header-language-dropdown .nav-dropdown::after {
    content: none;
  }
  .mobile-nav.nav.nav-right .has-dropdown.header-language-dropdown .nav-dropdown li a .icon-image {
    width: 24px;
  }
  .mobile-nav.nav.nav-right .has-dropdown.header-language-dropdown .nav-dropdown li a .icon-image img {
    width: 100%;
  }
  .off-canvas-center .mfp-content {
    max-width: 100%;
    height: 100%;
  }
  .off-canvas-center .mfp-content .sidebar-menu {
    padding: 0;
  }
  .sidebar-menu ul {
    padding: 10px 0 20px !important;
  }
  .sidebar-menu ul li {
    border-bottom: 1px solid rgba(184, 167, 50, 0.4) !important;
    padding-left: 20px;
    padding-right: 20px;
  }
  .sidebar-menu ul li a {
    font-size: 13px !important;
    padding: 10px 0 !important;
  }
  .sidebar-menu ul li button.toggle {
    top: 0 !important;
    width: 40px !important;
    height: 40px;
    top: 0;
    width: auto;
  }
  .sidebar-menu ul li button.toggle i {
    font-size: 16px !important;
  }
  .sidebar-menu ul li ul {
    padding: 10px 0 !important;
    margin-left: -20px !important;
    width: calc(100% + 40px);
    max-width: calc(100% + 40px);
    margin-right: -20px !important;
    border-top: 1px solid rgba(184, 167, 50, 0.4);
  }
  .sidebar-menu ul li ul li {
    border-bottom: 0 !important;
    padding: 0 !important;
  }
  .sidebar-menu ul li ul li a {
    background-color: transparent;
    padding: 5px 20px !important;
    border: 0 !important;
  }
  .sidebar-menu ul li.current-menu-item a {
    color: rgb(199, 166, 44) !important;
  }
  .sidebar-menu ul li.current-menu-item ul li a {
    color: #fff !important;
  }
  .sidebar-menu ul li.active button.toggle {
    transform: rotate(180deg);
  }
  .sidebar-menu ul li.wpml-ls-slot-2 {
    display: none;
  }
  .mfp-ready .mfp-close {
    border-color: #fff;
    top: 20px;
    right: 20px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 28px;
    opacity: 1;
  }
  .mfp-ready .mfp-close svg {
    width: 20px;
  }
}
@media screen and (max-width: 549px) {
  .slider-wrapper .flickity-prev-next-button {
    display: block;
  }
  .slider-top-thu-vien .flickity-page-dots {
    position: unset;
    margin-top: 20px;
  }
}
@media screen and (max-width: 849px) {
  .padding-bottom-849 {
    padding-bottom: 0;
  }
}

@media screen and (max-width: 849px) {
  .row-main-wrap {
    margin-bottom: -30px;
  }
}

@media screen and (max-width: 849px) {
  .section.related-posts-section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media screen and (max-width: 849px) {
  .section.related-posts-section .section-content .col.small-12 {
    padding-bottom: 0 !important;
  }
}
@media screen and (max-width: 849px) {
  .section.related-posts-section .section-title-container {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 849px) {
  .section.related-posts-section h2 {
    margin-bottom: 20px;
    border: 0;
  }
  .section.related-posts-section h2 b {
    display: none;
  }
  .section.related-posts-section h2 span {
    padding: 0;
    border: 0;
    margin: 0;
  }
}
.section.related-posts-section .post-item {
  padding: 0 10px !important;
}
.section.related-posts-section .post-item .box-image img {
  aspect-ratio: 550/350;
  object-fit: cover;
}

@media screen and (max-width: 849px) {
  .page-template #content .section.hang-phong p:not(p a.button), .page-template #content .section.hang-phong ul li {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 849px) {
  .page-template #content .section.hang-phong ul {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 849px) {
  .page-template #content .section.hang-phong ul li:last-child {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 549px) {
  .page-template #content .section.main-video {
    padding: 0 !important;
    min-height: 400px;
  }
}

/*End Mobile*/
@media screen and (max-width: 549px) {
  .section.banner-top.banner-top-gioi-thieu .section-bg {
    background-position: left 36% center !important;
  }
}

@media screen and (max-width: 549px) {
  .arc-container .col-inner {
    padding-left: 0;
    gap: 10px;
  }
}
@media screen and (max-width: 549px) {
  .arc-container .col-inner .arc-item .col-inner {
    background: rgba(255, 255, 255, 0.05);
  }
}
@media screen and (max-width: 549px) {
  .arc-container .col-inner .arc-item .col-inner .icon-box-img {
    max-width: 35px;
  }
}

@media screen and (max-width: 549px) {
  .form-booking .col.large-2, .form-booking .col.large-3 {
    padding: 0 10px !important;
  }
}
@media screen and (max-width: 549px) {
  .form-booking label {
    font-size: 13px;
    font-weight: 400;
  }
}
@media screen and (max-width: 549px) {
  .form-booking select, .form-booking input {
    font-size: 13px;
  }
}
@media screen and (max-width: 549px) {
  .form-booking select {
    margin-bottom: 0;
    background: rgba(0, 0, 0, 0.04);
    border: 0;
    border-radius: 5px;
  }
}

@media screen and (max-width: 549px) {
  .page-template #main #content section.section .section-content h2 {
    font-size: 18px;
    justify-content: flex-start !important;
  }
}
@media screen and (max-width: 549px) {
  .page-template #main #content section.section .section-content .col a.button.nut-xem-them {
    font-size: 12px;
    line-height: 28px;
    padding: 0 10px !important;
    width: auto;
    min-width: auto;
    overflow: hidden;
    min-height: auto;
    margin-top: 16px;
  }
  .page-template #main #content section.section .section-content .col a.button.nut-xem-them i {
    margin-left: 5px;
    margin-top: 3px;
  }
}
@media screen and (max-width: 549px) {
  .page-template #main #content section.section .section-content .flickity-prev-next-button {
    width: 30px !important;
    opacity: 1;
  }
}
@media screen and (max-width: 549px) {
  .page-template #main #content section.section .section-content .flickity-prev-next-button svg {
    border: 1px solid !important;
    padding: 9px;
  }
}
@media screen and (max-width: 549px) {
  .page-template #main #content section.section .section-content .flickity-prev-next-button.next {
    right: 20px;
  }
}
@media screen and (max-width: 549px) {
  .page-template #main #content section.section .section-content .flickity-prev-next-button.previous {
    left: 20px;
  }
}
@media screen and (max-width: 549px) {
  .page-template #main #content section.section .section-content .flickity-page-dots {
    bottom: 10px;
  }
}
@media screen and (max-width: 549px) {
  .page-template #main #content section.section .section-content .tabbed-content .flickity-prev-next-button.next {
    right: calc(50% - 82px);
    bottom: 12px !important;
    width: 33px !important;
  }
}
@media screen and (max-width: 549px) {
  .page-template #main #content section.section .section-content .tabbed-content .flickity-prev-next-button.previous {
    left: calc(50% - 82px);
    bottom: 12px !important;
    width: 33px !important;
  }
}
@media screen and (max-width: 549px) {
  .page-template #main #content section.section .cf7mls-no-moving-animation .fieldset-cf7mls-wrapper .cf7mls-btns {
    top: auto;
    left: calc(50% + 10px);
    justify-content: center;
  }
}
@media screen and (max-width: 549px) {
  .page-template #main #content section.section .cf7mls-no-moving-animation .fieldset-cf7mls-wrapper button {
    line-height: 33px;
    max-width: none;
    padding: 0 10px !important;
    width: auto;
    background-color: rgba(3, 10, 42, 0.8);
  }
}
.page-template #main #content section.section form.cf7mls input.wpcf7-form-control.wpcf7-submit {
  padding: 0;
  margin: 27px 0 0;
  position: relative;
  z-index: 9;
}
@media screen and (max-width: 549px) {
  .page-template #main #content section.section.section6 img {
    border-radius: 0 !important;
    aspect-ratio: 509/580;
    object-fit: cover;
  }
}
@media screen and (max-width: 549px) {
  .page-template .img-for-sp .box-image img, .page-template .img-for-sp .img img {
    aspect-ratio: 4/3;
    object-fit: cover;
    object-fit: cover;
    border-radius: 5px !important;
  }
}
@media screen and (max-width: 549px) {
  .page-template .img-for-sp .box-image .overlay, .page-template .img-for-sp .img .overlay {
    display: none;
  }
}
@media screen and (max-width: 549px) {
  .page-template .img-for-sp .box-text {
    padding: 20px;
  }
}
@media screen and (max-width: 549px) {
  .page-template .img-for-sp .box-text h4 {
    font-size: 14px !important;
  }
}
@media screen and (max-width: 549px) {
  .page-template .img-for-sp.slider-top-thu-vien .flickity-prev-next-button.next {
    right: 20px !important;
  }
}
@media screen and (max-width: 549px) {
  .page-template .img-for-sp.slider-top-thu-vien .flickity-prev-next-button.previous {
    left: 20px !important;
  }
}
@media screen and (max-width: 549px) {
  .page-template .ks-tsn-text-mobile {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    align-self: stretch;
    overflow: hidden;
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 549px) {
  footer .footer-widgets .widget {
    margin-bottom: 0 !important;
  }
}
@media screen and (max-width: 549px) {
  footer .footer-widgets .widget:nth-of-type(3), footer .footer-widgets .widget:nth-of-type(4) {
    display: none;
  }
}
@media screen and (max-width: 549px) {
  footer .footer-widgets .textwidget .social-icons {
    margin-top: 10px !important;
  }
}
@media screen and (min-width: 550px) {
  footer .footer-widgets .textwidget .social-icons a:last-child {
    display: none;
  }
}
footer .footer-widgets .textwidget .social-icons a:last-child i::before {
  content: "\f3c5";
  font-family: "FontAwesome";
}

.post-item .box .box-image .image-zoom img,
.post-item .box .box-image .image-cover img {
  border-radius: 5px !important;
}
.swal2-container {
  background-color: rgba(225, 225, 225, 0.8);
}
.swal2-container .swal2-popup {
  position: relative;
  z-index: 10;
  padding: 80px 20px;
  color: #333;
  border: 2px solid #e59f4f;
  min-height: 180px;
  padding: 40px 0;
  border-radius: 10px;
  align-items: center;
  overflow: hidden;
}
.swal2-container .swal2-popup .swal2-html-container {
  font-weight: 700;
  font-size: 16px;
}
@media screen and (max-width: 549px) {
  .swal2-container .swal2-popup .swal2-html-container {
    font-size: 13px;
  }
}
.swal2-container .swal2-popup button.swal2-confirm {
  position: absolute;
  width: 40px;
  height: 40px;
  top: -4px;
  z-index: 12;
  font-size: 12px;
  right: -4px;
  background-color: #e59f4f;
  border-radius: 0;
  text-align: center;
}

@media screen and (max-width: 549px) {
  .text-mobile-break {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    align-self: stretch;
    overflow: hidden;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 549px) {
  .text-mobile-break p {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 549px) {
  .home #main #content section.section .section-content .col a.button.nut-xem-them {
    margin-top: 0;
  }
}

.page-template #content {
  /**Hang phong**/
  /**End hang phong*/
}
@media screen and (max-width: 549px) {
  .page-template #content .section .section-content .list-nha-hang .box-image .image-zoom.image-cover {
    padding: 0 !important;
  }
}
@media screen and (max-width: 549px) {
  .page-template #content .section .section-content .list-nha-hang .box-image .image-zoom.image-cover img {
    aspect-ratio: 4/3;
    object-fit: cover;
    position: unset;
  }
}
@media screen and (max-width: 549px) {
  .page-template #content .section.hinhanh-section {
    padding-bottom: 0 !important;
  }
}
@media screen and (max-width: 549px) {
  .page-template #content .section.hinhanh-section .section-content .col {
    padding-bottom: 0 !important;
  }
}
@media screen and (max-width: 549px) {
  .page-template #content .section.hinhanh-section .section-content .col .gallery-col {
    padding: 10px !important;
  }
}
@media screen and (max-width: 549px) {
  .page-template #content .section.hinhanh-section .section-content .col .gallery-col .box-text {
    display: none;
  }
}
@media screen and (max-width: 549px) {
  .page-template #content .section .section-content p:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 549px) {
  .page-template #content .section .section-content .hang-phong-custom {
    padding-bottom: 20px !important;
  }
}
@media screen and (max-width: 549px) {
  .page-template #content .section .section-content .hang-phong-custom a.button.nut-xem-them {
    margin: 0 calc(50% - 44px) 20px !important;
    width: 88px !important;
  }
}
@media screen and (max-width: 549px) {
  .page-template #content .section .section-content .hang-phong-custom a.button.nut-xem-them .icon-angle-right {
    margin-left: 4px !important;
  }
}
@media screen and (max-width: 549px) {
  .page-template #content .section .section-content .hang-phong-custom .two-colunm {
    margin: 0;
    gap: 0 20px;
  }
}
.page-template #content .section .section-content .hang-phong-custom .two-colunm .col {
  flex-basis: calc((100% - 20px) / 2);
  max-width: calc((100% - 20px) / 2);
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.page-template #content .section .section-content .hang-phong-custom .two-colunm .col * {
  font-size: 13px !important;
  margin-bottom: 0;
}
.page-template #content .section .section-content .hang-phong-custom .two-colunm .col:nth-of-type(1) {
  display: flex;
}
.page-template #content .section .section-content .hang-phong-custom .two-colunm .col:nth-of-type(1) .col-inner ul li {
  margin-bottom: 10px;
}
@media screen and (max-width: 549px) {
  .page-template #content .section .section-content .hang-phong-custom .two-colunm .col:nth-of-type(1) ul {
    margin-left: 0;
  }
}
.page-template #content .section .section-content .hang-phong-custom .two-colunm .col:nth-of-type(1) ul, .page-template #content .section .section-content .hang-phong-custom .two-colunm .col:nth-of-type(1) p {
  margin-bottom: 0;
}
@media screen and (max-width: 549px) {
  .page-template #content .section .section-content .hang-phong-custom .two-colunm .list-hangphong {
    margin: 0;
  }
}
.page-template #content .section .section-content .hang-phong-custom .two-colunm .list-hangphong .col {
  max-width: 100%;
  flex-basis: 100%;
}
.page-template #content .section .section-content .hang-phong-custom .two-colunm .list-hangphong .col .col-inner {
  background-color: transparent;
}
.page-template #content .section .section-content .hang-phong-custom .two-colunm .list-hangphong .col .icon-box .icon-box-img {
  max-width: 19px;
}
@media screen and (max-width: 549px) {
  .page-template #content .section .section-content .list-btn-menu.list-btn .col-inner a.button {
    line-height: 28px !important;
    padding: 0 10px !important;
  }
}
@media screen and (max-width: 549px) {
  .page-template #content .section.spa-section:not(.nha-hang-section) .section-content .col a.button.nut-xem-them {
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 549px) {
  .page-template .section.san-tan-son-nhat-con-dao .section-content .row .col p {
    margin-bottom: 0 !important;
  }
}
@media screen and (max-width: 549px) {
  .page-template .pum-container {
    padding: 5px !important;
    width: calc(100% - 20px);
  }
}
@media screen and (max-width: 549px) {
  .page-template .pum-container .pum-close {
    margin: 0;
  }
}

@media screen and (max-width: 549px) {
  .page-template-default #content .section.page-kham-pha {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}

@media screen and (max-width: 549px) {
  .home .img-for-sp .box-text {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
  }
}
@media screen and (max-width: 549px) {
  .home .img-for-sp .flickity-page-dots {
    position: unset;
    margin: 10px auto;
  }
}
@media screen and (max-width: 549px) {
  .home #content .section.section2 .section-content .flickity-page-dots {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 549px) {
  .home #content .section.section7 .section-content .flickity-page-dots {
    margin: 20px auto 0;
  }
}

@media screen and (max-width: 849px) {
  .page-template #content section.section.nha-hang-section .section-content .col .list-nha-hang .col-inner a.button.nut-xem-them {
    max-width: 250px !important;
    justify-content: space-between;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media screen and (max-width: 767px) {
  .page-template #content section.section.nha-hang-section .section-content .col .list-nha-hang .col-inner a.button.nut-xem-them {
    max-width: none !important;
    width: fit-content !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
  }
}
@media screen and (max-width: 549px) {
  .page-template #content section.section.nha-hang-section .section-content .col .list-nha-hang .col-inner a.button.nut-xem-them {
    max-width: none !important;
    width: fit-content !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
  }
}
@media screen and (max-width: 767px) {
  .page-template #content section.section.nha-hang-section .section-content .col .list-nha-hang .col-inner a.button.nut-xem-them i {
    margin-top: 1px !important;
  }
}

.page-template-default #content .row-main .large-12.col {
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  .page-template-default #content .row-main .page-numbers {
    margin-bottom: 30px;
  }
}