.language-dropdown {
    position: relative;
    display: inline-block;
  }

  .dropdown-button {
    background-color: unset;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px; /* Tạo khoảng cách giữa cờ và chữ */
  }
  .dropdown-button:hover{
    background-color: unset !important;
  }
  .dropdown-button img {
    width: 30px;
    height: 20px;
  }

  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 1;
  }

  .dropdown-content a {
    display: flex;
    align-items: center;
    padding: 10px;
    text-decoration: none;
    color: black;
  }

  .dropdown-content a img {
    width: 30px;
    height: 20px;
    margin-right: 10px;
  }

  .dropdown-content a:hover {
    background-color: #f1f1f1;
  }

  .language-dropdown:hover .dropdown-content {
    display: block;
  }
  .item-language{
    background-color: #ffffff !important;
    color: #000000 !important;
  }
  .elementor-menu-toggle__icon--close{
    color: #000000 !important;
  }
  /* .elementor-36 .elementor-element.elementor-element-150b023{
    display: flex;
  } */
  .elementor-field-type-text{
    border: 1px solid #000000;
    border-radius: 8px;
    background-color: #ffffff;
    margin-right: 5px;
  }
  .elementor-field-type-email{
    border: 1px solid #000000;
    border-radius: 8px;
    background-color: #ffffff;
  }

  .press-section{
    background-image: url("../../images/promotion/banner-1.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .press-section h1 {
    color: #DAE2D4 !important;
    letter-spacing: 2px;
}

.text-custom_color{
  color: #DAE2D4 !important;
}

/* Press Box Styling */
.press-box {
    border-radius: 10px;
    overflow: hidden;
}

.press-box img {
    /* filter: brightness(50%); */
    transition: transform 0.5s ease;
}

.press-box:hover img {
    transform: scale(1.1);
}

.press-content h3 {
    font-size: 1.5rem;
    line-height: 1.2;
    letter-spacing: 1px;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.press-content p {
    font-size: 1rem;
    color: #f5f2e1;
}
.our-process{
  background-image: url("./../../wp-content/uploads/2025/image/backgroud-1.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.box-detail-entertainment{
  background-image: url("../../images/banner/banner-3.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 96px 20px !important;
  color: #363534;
  text-align: center;
}
.elementor-widget-nav-menu .elementor-widget-container{
  text-transform: uppercase;
}

.btn-book-now{
  background-color: #50311C;
  border-radius: 8px;
    color: #ffffff !important;
}

.fun-fact-area {
  position: relative;
}

.fun-fact-area .item-single h3 {
  font-size: 68px;
  margin-bottom: 0;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fun-fact-area.fun-fact-2 {
  -webkit-transform: translateY(-320px);
          transform: translateY(-10px);
  margin-bottom: -120px;
}

/* entertainment  */
.image-detail-entertainment{
  width: 100% !important;
}
.name-detail-entertainment{
  font-weight: bold;
  font-size: 40px;
}
.title-detail-entertainment{
  font-family: 'SignPainter' !important;
}
.name-detail-entertainment:hover{
  color: #65781c;
  transition: 0.5s;

}
.box-hotline-book-now{
  border: 1px solid #d7d7d7;
  border-radius:8px;
  transition: box-shadow 0.3s ease, transform 0.3s ease; /* Smooth transition */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Initial box-shadow */

}
.qr-modal {
  display: none;
  position: fixed;
  z-index: 1050;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.5);
}

.qr-modal-content {
  position: relative;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  padding: 20px;
  width: 300px;
  border-radius: 8px;
  text-align: center;
}

.qr-image {
  max-width: 100%;
  height: auto;
}

.close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
}
.follow-us {
  position: relative;
  display: inline-block;
}

.dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 10px 0;
  border-radius: 5px;
  z-index: 1000;
  min-width: 150px;
}

.dropdown-item {
  padding: 10px 20px;
  text-decoration: none;
  color: #333;
  display: flex;
  align-items: center;
  gap: 8px;
}

.dropdown-item:hover {
  background-color: #f8f9fa;
  color: #0056b3;
}

.dropdown-item i {
  font-size: 1.2rem;
}
.title-book-now{
  font-weight: bold;
  color: #000000;
}

/* Đặt trạng thái ban đầu (ẩn) */
/* Hiển thị mặc định với trạng thái ẩn */
.fade-in {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease, transform 0.8s ease; /* Hiệu ứng mờ dần và di chuyển */
}

/* Khi xuất hiện trong viewport */
.fade-in.visible {
  opacity: 1;
  transform: translateY(0); /* Trả về vị trí ban đầu */
}


/* Container hình ảnh */
.image_section {
  position: relative;
  overflow: hidden; /* Giới hạn nội dung bên trong box */
}

/* Hình ảnh */
.image_section img {
  transition: transform 0.3s ease, box-shadow 0.3s ease; /* Hiệu ứng mượt */
}

/* Hiệu ứng trồi lên khi hover */
.image_section:hover img {
  transform: scale(1.1); /* Phóng to nhẹ */
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2); /* Tạo hiệu ứng nổi */
}

/* Áp dụng scale mặc định */
.elementor-global-1505 > .elementor-widget-container {
  transform: scale(0.95); /* Thu nhỏ kích thước mặc định */
  transition: transform 0.3s ease; /* Hiệu ứng mượt */
}

/* Giữ hiệu ứng mượt */
.elementor-global-1505 > .elementor-widget-container:hover {
  transform: scale(0.95); /* Đảm bảo giá trị không thay đổi khi hover */
}

.text-footer{
  font-family: 'Pattaya' !important;
}
@media only screen and (min-width: 1701px) and (max-width: 1800px) {
  .fun-fact-area.fun-fact-2 {
    margin-bottom: -250px;
  }
}
