.custom-form-book form {
	display: flex !important;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
}

.custom-form-book form p{
	flex-basis: 23%;
	max-width: 23%;
	width: 23%;
}
.custom-form-book form{
	padding: 30px;
	border-radius: 20px;
	background-color: #FFF;
	box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
}

.custom-form-book form p input, .custom-form-book form p select,.section-contact-page form  p select,.section-contact-page form p input{
	font-size: 14px;
	border-radius: 5px;
	background-color: #FFF;
	padding: 10px;
	color: #000;
	height: 50px;
	box-shadow: unset;
	transition: 0.2s ease-in;
}

.custom-form-book form p label,.section-contact-page form p label {
	font-size: 14px;
	font-weight: 500;
	color: #000;
	margin-bottom: 8px;
}

.custom-form-book form .wpcf7-submit, .section-contact-page form .wpcf7-submit{
	margin: 0;
	width: 100%;
	background-color: #00aff1;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFF;
	line-height: 1.5;
	height: 50px;
	border-radius: 50px;
	position: relative;
	overflow: hidden;
	z-index: 1;
	box-shadow:  0 0 40px 5px rgb(0 0 0 / 5%);
	border: none;
}

.custom-form-book form .wpcf7-submit:hover:before,.section-contact-page form .wpcf7-submit:hover:before {
	transform: translateY(-50%) translateX(-50%) scale(1);
}

br {
	display: none;
}

.custom-form-book form .wpcf7-submit i, .section-contact-page form .wpcf7-submit i{
	margin-left: 5px;
}

.custom-form-book form .wpcf7-submit:before,.section-contact-page form .wpcf7-submit:before {
	content: "";
	width: 300px;
	height: 300px;
	background: #fed100;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%) scale(0);
	transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	z-index: -1;
}
.section-contact-page form .wpcf7-submit {
	width: max-content;
}

.section-contact-page form p:nth-child(9) {
	display: flex;
	align-items: center;
	justify-content: center;
}

.custom-form-book form p:hover input, .custom-form-book form p:hover select,.section-contact-page form p:hover input, .section-contact-page form p:hover select {
	border-color: #303030;
	transition: 0.2s ease-in;
}
.wpcf7-spinner {
	display: none;
}

/* Giãn cách giữa các cột và hàng */
.row.tintuc {
  display: flex;
  flex-wrap: wrap;
}

/* Chiều rộng mỗi bài viết */
.tintuc .post-item {
  flex: 1 1 calc(33.333% - 20px); /* 3 cột - trừ khoảng gap */
  box-sizing: border-box;
}

/* Bo góc và đổ bóng thẻ bài viết */
.tintuc .box {
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  background: white;
  transition: transform 0.3s;
}
.tintuc .box:hover {
  transform: translateY(-5px);
}

/* Hình ảnh bo góc trên */
.tintuc .box-image img {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  object-fit: cover;
  width: 100%;
  height: auto;
}

/* Tiêu đề */
.tintuc .post-title {
  font-size: 18px;
  font-weight: bold;
  margin: 12px 0 8px;
  line-height: 1.3;
}

/* Hover tiêu đề đổi màu */
.tintuc .post-title a {
  color: #00a8f3;
  text-decoration: none;
  transition: color 0.3s;
}
.tintuc .post-title a:hover {
  color: #ffb300;
}

/* Đoạn trích */
.tintuc .from_the_blog_excerpt {
  font-size: 14px;
  color: #555;
  margin-bottom: 15px;
}

/* Bo góc cho badge ngày tháng */
.tintuc .badge.post-date {
  border-radius: 8px;
}

.taxikhuvuc {
  width: 320px;
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  padding: 16px;
  box-sizing: border-box;
  text-align: center;
  font-family: 'Segoe UI', sans-serif;
}

.taxikhuvuc .box-image {
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 16px;
}

.taxikhuvuc .box-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
  object-fit: cover;
}

.taxikhuvuc .location {
  color: #0d1d94;
  font-weight: 600;
  margin-bottom: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  font-size: 15px;
}

.taxikhuvuc .price {
  font-size: 18px;
  font-weight: bold;
  color: #f7941d;
  margin-bottom: 16px;
}

.taxikhuvuc .contact-btn {
  background-color: #0d1d94;
  color: white;
  padding: 10px 28px;
  border-radius: 999px;
  font-weight: bold;
  text-decoration: none;
  font-size: 14px;
  display: inline-block;
  transition: background 0.3s ease;
}

.taxikhuvuc .contact-btn:hover {
  background-color: #03106a;
}


.taxikhuvuc .title {
  background-color: #1e73be;
  color: white;
  font-weight: bold;
  font-size: 18px;
  padding: 6px 12px;
  border-radius: 4px;
  display: inline-block;
  margin-bottom: 10px;
}

.taxikhuvuc .number_seat {
  background-color: #1e73be;
  color: white;
  font-weight: bold;
  font-size: 14px;
  padding: 4px 10px;
  border-radius: 4px;
  display: inline-block;
  margin-bottom: 10px;
}

.taxikhuvuc .box_phone {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.taxikhuvuc .phone_btn {
  background-color: #00aeef;
  color: white;
  font-weight: bold;
  padding: 10px 14px;
  border-radius: 24px;
  text-decoration: none;
  font-size: 14px;
  text-align: center;
  flex: 1;
}

.taxikhuvuc .box_phone::before {
  content: "";
  width: 1px;
  height: 24px;
  background-color: white;
}

.taxikhuvuc .phone_btn {
  background-color: #00aeef;
  color: white;
  font-weight: bold;
  padding: 10px 14px;
  border-radius: 24px;
  text-decoration: none;
  font-size: 14px;
  text-align: center;
  flex: 1;
  transition: background-color 0.3s ease;
}

.taxikhuvuc .phone_btn:hover {
  background-color: #ffb300;
}

.taxikhuvuc .box-image {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 16px;
}

/* Ảnh động lên */
.taxikhuvuc .box-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.taxikhuvuc .box-image:hover img {
  transform: translateY(-8px);
}

/* Pseudo elements: 2 tia sáng */
.taxikhuvuc .box-image::before,
.taxikhuvuc .box-image::after {
  content: "";
  position: absolute;
  top: -150%;
  width: 40%;
  height: 300%;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  filter: blur(6px);
  transform: rotate(25deg);
  opacity: 0;
  pointer-events: none;
  animation-fill-mode: forwards;
}

/* Tia 1 */
.taxikhuvuc .box-image::before {
  left: -60%;
}

/* Tia 2 */
.taxikhuvuc .box-image::after {
  left: -80%;
}

/* Khi hover vào – chạy từ trên xuống */
.taxikhuvuc .box-image:hover::before {
  animation: shine1 1s ease forwards;
  opacity: 1;
}

.taxikhuvuc .box-image:hover::after {
  animation: shine2 1.2s ease forwards;
  opacity: 1;
}

/* Animation chạy xuống */
@keyframes shine1 {
  0% {
    top: -150%;
    left: -60%;
  }
  100% {
    top: 150%;
    left: 120%;
  }
}

@keyframes shine2 {
  0% {
    top: -150%;
    left: -80%;
  }
  100% {
    top: 150%;
    left: 100%;
  }
}

/* Ngược lại – chạy lên khi chuột rời (thêm JavaScript để kích hoạt class 'reverse') */
.taxikhuvuc.reverse .box-image::before {
  animation: shine1reverse 1s ease forwards;
  opacity: 1;
}

.taxikhuvuc.reverse .box-image::after {
  animation: shine2reverse 1.2s ease forwards;
  opacity: 1;
}

@keyframes shine1reverse {
  0% {
    top: 150%;
    left: 120%;
  }
  100% {
    top: -150%;
    left: -60%;
  }
}

@keyframes shine2reverse {
  0% {
    top: 150%;
    left: 100%;
  }
  100% {
    top: -150%;
    left: -80%;
  }
}
/* Áp dụng cho mục menu chứa bài viết con */
li.current-menu-ancestor > a,
li.current-post-ancestor > a,
li.current-page-ancestor > a {
  color: black !important;
  font-weight: bold;
}
.lienketnhanh a:hover{
	color: 00aff1;
}

.ux-menu-link__link {
	color: #303030 !important;
}

.ux-menu-link__link:hover {
	padding-left: 10px;
	transition: 0.3s ease;
}

.ux-menu-link__link {
	font-size: 18px;
	font-weight: 700;
}

.ux-menu-link__link i {
	font-weight: 700 !important;
}

.ux-menu-link__link:hover span,.ux-menu-link__link:hover i {
	color: #00aff1;
	transition: 0.3s ease;
}

.item-chuyen-di {
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
  text-align: center;
  padding-bottom: 20px;
}

.item-chuyen-di:hover {
  transform: translateY(-5px);
}

.thumbnail {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.thumbnail img {
  width: 100%;
  height: auto;
  display: block;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.title-overlay {
  position: absolute;
  top: 16px;
  width: 100%;
  color: white;
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
  text-transform: uppercase;
}

.item-chuyen-di .title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 16px 0 4px;
}

.item-chuyen-di .title img {
  width: 20px;
  height: 20px;
}

.item-chuyen-di .title span {
  color:black;
  font-weight: bold;
}

.item-chuyen-di .price {
  font-size: 18px;
  color: #ffb300;
  font-weight: bold;
  margin-bottom: 12px;
}

.contact-now {
  display: inline-block;
  background-color: #00aff1 !important;
  color: white;
  border-radius: 999px !important;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.3s;
}

#load-more-chuyen-di {
	 background: #00aff1;
    color: white;
    border-radius: 999px;
    padding: 5px 20px;
}