a[data-open="#main-menu"] {
  pointer-events: none;
  cursor: default;
  opacity: 0.5; /* tùy, cho biết là bị khóa */
}


.content-area.page-wrapper,
.content-area.page-wrapper .row-main >.col
{
	padding:0px !important;
}
.section{
	padding:15px 10px !important;
}

.abm-contact-float {
	position: fixed;
	right: 20px;
	bottom: 10%;
	display: flex;
	flex-direction: column;
	gap: 14px;
	z-index: 9999;
}

.abm-contact-btn {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 8px 20px rgba(0,0,0,.15);
	background: #fff;
	transition: all .25s ease;
}
.header-contact-wrapper ul .has-icon a.tooltip {
	display: inline-flex;
	gap:8px;
	align-items: center;
	background-color: transparent !important; 
	color: var(--main-color) !important;    
	border: 1.5px solid var(--main-color);    
	padding: 5px 15px;                       
	border-radius: 30px;
	font-size: 25px;                        
	margin-left:15px;
	font-weight: 600;
	transition: all 0.3s ease;
}

@keyframes icon-super-shake {
	0% { transform: scale(1) rotate(0); }
	10% { transform: scale(1.3) rotate(-20deg); }
	20% { transform: scale(1.3) rotate(20deg); }
	30% { transform: scale(1.3) rotate(-20deg); }
	40% { transform: scale(1.3) rotate(20deg); }
	50% { transform: scale(1.3) rotate(0); }
	100% { transform: scale(1) rotate(0); }
}

.header-contact-wrapper ul .has-icon a.tooltip i.icon-phone {
	display: inline-block;
	color: #ff0000 !important;
	animation: icon-super-shake 1s infinite;
	margin-right: 8px;
	/*     text-shadow: 0 0 5px rgba(255, 0, 0, 0.5);  */
}
.abm-contact-btn:hover {
	transform: scale(1.1);
}

.abm-contact-btn svg {
	width: 26px;
	height: 26px;
	fill: #fff;
}

.abm-contact-btn.messenger {
	background: linear-gradient(135deg,#00c6ff,#0072ff);
}

.abm-contact-btn.zalo {
	background: #2d7ef7;
}

.abm-contact-btn.zalo img {
	width: 26px;
	height: 26px;
}

.abm-contact-btn.phone {
	background: #e53935;
}
.abm-contact-btn {
	position: relative;
	overflow: visible;
}

/* vòng lan toả */
.abm-contact-btn::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	background: currentColor;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	opacity: .35;
	animation: abm-pulse 2.2s infinite;
	z-index: -1;
}

.header-inner{
	display:flex;
}
.header-inner .flex-col.flex-right{
	flex:1;
	order:2;
}
.header-inner .flex-col.logo{
	flex:2;
	order:1;
	display: flex;
	margin: 0;
	justify-content: left;
}
.header-inner .flex-col.flex-left{
	flex:2;
	order:1;
}

.header-inner .mobile-nav .header-contact-wrapper .header-button{
	display:none;
}
.header-inner .mobile-nav .header-contact-wrapper ul{
	display:flex !important;
}

/* màu riêng cho từng nút */
.abm-contact-btn.messenger { color: #0084ff; }
.abm-contact-btn.zalo { color: #2d7ef7; }
.abm-contact-btn.phone { color: #e53935; }


.bang-gia-title {
	text-align: center;   
	color: #000;      
	text-transform: uppercase; 
	line-height: 1.3;       
	font-size: 24px;     
	margin-bottom: 25px;
	position: relative;  
	padding-bottom: 15px;    
}


.bang-gia-title span{
	margin-top:5px;
	font-size: 18px;
	color: var(--main-color);  
	border-bottom:2px solid var(--main-color);
	padding-bottom: 9px;
}
.bang-gia-muine-wrapper .note{
	color: red;
	text-align:left;
	font-size: 14px;
	padding-top: 15px;
}


.Price-Section .button.primary{
	border-radius: 20px;
	background: var(--main-color);
}
.Price-Section .button.primary:hover {
    filter: brightness(1.2); /* Làm nút sáng rực lên */
    box-shadow: 0 0 15px var(--main-color); /* Hiệu ứng hào quang xung quanh */
    transform: translateY(-3px); /* Nhích nhẹ lên trên */
}
.Price-Section .button.primary {
    animation: pulse-blue 2s infinite;
}

@keyframes pulse-blue {
    0% { box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.7); }
    70% { box-shadow: 0 0 0 10px rgba(0, 123, 255, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 123, 255, 0); }
}
@keyframes abm-pulse {
	0% {
		transform: translate(-50%, -50%) scale(1);
		opacity: 0.35;
	}
	100% {
		transform: translate(-50%, -50%) scale(1.6);
		opacity: 0;
	}
}


.Contact-Home{
	position:relative;
	display:flex;
	padding-bottom:0px !important;
	justify-content:center;
	background:#f5f6f8;
	align-items:center;
}
.Contact-Home  .booking-form h1{
	text-align:center;
	margin-bottom:20px;
	font-size:26px;
	color: #000;
}
.Contact-Home .wpcf7{
	padding:15px 20px 5px 20px;
	box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1),
		0 2px 4px -2px rgba(0,0,0,0.1);
	background:#fff;
	border-radius:15px;
	margin-bottom:10px;
}
.Contact-Home .booking-form .field-row.flex-row{
	gap:10px;
}
.Contact-Home .booking-form input{
	border-radius:10px;
	margin-bottom:7px;
	font-size: 18px;
	padding-left:45px;
}
.Contact-Home .booking-form input{

}
.Contact-Home .booking-form .submit-row input{
	margin-top:15px;
	padding:0px;
	background: var(--main-color);
	width:100%;
	margin-bottom:0px;
}

.Contact-Home .booking-form span.wpcf7-not-valid-tip {
	position: absolute;
	font-size: 13px;
	line-height: 1.2;
	bottom: -18px; 
	left: 0;
	white-space: nowrap;
	background: none !important;
	padding: 0 !important;
}

.Contact-Home .field-row {
	margin-bottom: 25px !important;
}

.Contact-Home .booking-form .field-row.icon-field,
.Contact-Home .booking-form .half-col.icon-field
{
	position:relative;
}
.Contact-Home .booking-form .field-row.icon-field .icon,
.Contact-Home .booking-form .half-col.icon-field .icon
{
	position:absolute;
	left: 16px;
	top: 46%;
	transform: translateY(-50%);
	color: #555;
	z-index: 10;
	pointer-events: none;
}
.Contact-Home .booking-form .wpcf7-validates-as-date{
	padding-left:10px;
}
.Contact-Home .booking-form .icon i{
	color: var(--main-color);
}
.Contact-Home .booking-form input[type="date"]::-webkit-calendar-picker-indicator {
	filter: invert(24%) sepia(87%) saturate(3685%) hue-rotate(217deg) brightness(91%) contrast(106%);
	order:1 !important;

}
.Contact-Home input[type="date"]::-webkit-datetime-edit {

	padding-left: 10px;
	order:2 !important;
}
.Contact-Home  .col{
	padding-bottom:0px;
}
.advan-home{
	background:#f5f6f8;
	position:relative;
	padding-top:0px;
}
.advan-home .col-inner{
	background:#f5f6f8;
}
.advan-home h1{
	color: #000;
	background:#f5f6f8;
	font-size: 30px;
	margin-bottom: 30px;
}
.advan-home h1 strong{
	display: inline-block;
	border-bottom: 3px solid #0b50da;
	padding-bottom: 10px;
}
.advan-home .icon-box {
	padding: 10px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	display: flex;
	background:#fff;
	margin-top:25px;
	border-radius:15px;
	justify-content: center;
	align-items: center;
	text-align: center;
	flex-direction: column;
}
.advan-home .icon-box p{
	font-size:15px;
	padding:0px 10px;
}
.advan-home .icon-box-img{
	width: 50px;
}
.advan-home .icon-box h2{
	color:#000;
}
.banner-inner img{
	filter: brightness(0.6);
}
.rating-home{
	background:#f5f6f8;
}
.banner h2 strong{
	-webkit-text-stroke: 0.6px #ffffff;
	font-weight: 900;
}
.banner h3 strong,
.banner p
{
	color: #fff;
}
.banner .text-inner{
	text-align:left;
}


.services-home{
	background:#f5f6f8;
	padding-top:0px !important;
	padding-bottom:0px !important;
}
.rating-home{
	padding: 0px  !important;
}
.services-home .section-header{
	display: flex;
}
.services-home .section-header h3{
	flex:1;
	font-size: 16x;
	margin-left:10px;
	color: #000;
	font-weight:bold;
}
.services-home .section-header p{
	flex:1;
	color: var(--main-color);
	display: flex;
	font-weight: 100;
	font-size: 14px;
	justify-content: flex-end;
}
.services-home .section-header button{
	margin-right:0px;
}
.abm-contact-btn-2.whatsapp-2 {
	background: #25D366;
	color: #25D366;
}

.Footer-Page{
	background: var(--main-color);
}
.Footer-Page .icon-box{
	display:flex;
	gap:17px;
}
.Footer-Page  .icon-box-text{
	display:flex;
	align-items:center;
	justify-content:center;
}
.Footer-Page .logo .icon-box-text h3{
	color: #fff;
	-webkit-text-stroke: 0.25px #ffffff;
	font-size:22px;
}
.Footer-Page .logo  .icon-box-img{
	margin-bottom:0px !important;
}
.Footer-Page .info .icon-box-img{
	display:flex;
}
.Footer-Page .info .icon-box{
	gap:0px;
}
.Footer-Page .info .icon-box-img img{
	width: 60%;
}
.Footer-Page .info .icon-box-img{
	flex:1;
}
.Footer-Page .info  .icon-box-text{
	flex:10;
	align-items:center;
	display:flex;
	justify-content:left;
}
.Footer-Page .info h1{
	margin-bottom:20px;
}
.Footer-Page .info .icon-box-text p{
	font-size:14px;
	margin-bottom:11px;
}

.header-inner .flex-col.flex-left{
	flex:4;
	order:1;
}
.header-main {
	background:#fff;
}
.header-contact-wrapper .header-contact .tooltip {
	display: inline-flex;
	gap: 8px;
	align-items: center;
	background-color: transparent !important;
	color: var(--main-color) !important;
	border: 1.5px solid var(--main-color);
	padding: 5px 15px;
	border-radius: 30px;
	font-size: 16px;
	margin-left: 15px;
	font-weight: 600;
	transition: all 0.3s ease;
}

@keyframes icon-super-shake {
	0% { transform: scale(1) rotate(0); }
	10% { transform: scale(1.3) rotate(-20deg); }
	20% { transform: scale(1.3) rotate(20deg); }
	30% { transform: scale(1.3) rotate(-20deg); }
	40% { transform: scale(1.3) rotate(20deg); }
	50% { transform: scale(1.3) rotate(0); }
	100% { transform: scale(1) rotate(0); }
}

.header-contact-wrapper ul .has-icon a.tooltip i.icon-phone {
	display: inline-block;
	color: #ff0000 !important;
	animation: icon-super-shake 1s infinite;
	margin-right: 8px;
}

/* ============ Bảng giá =============== */

.bang-gia-muine{
	width: 100%;
	background: #fff;
	border-radius: 16px;
	color: #000;
	overflow: hidden;
	margin-bottom: 0;
}
.bang-gia-muine td{
	color: #000;
}
.bang-gia-muine th{
	background: var(--main-color);
	line-height: 1.3;
	color: #fff;
	padding: 10px 5px !important;
	font-size: 0.9rem;
	text-align: center;
	border:1px solid #fff;
}
.bang-gia-muine .destination{
	padding:7px !important;
}
.bang-gia-muine  .destination{
	font-size:0.8rem;
	font-weight:bold;
}
.bang-gia-muine  .price{
	font-size:0.75rem;
	color: #000;
}
.bang-gia-muine td{
	border: 1.5px solid #dbe9ff;
}
.Price-Section{
	background:#ffffeb;
}



@media (max-width: 768px) {
	.abm-contact-float {
		right: 15px;
		bottom:50px !important;
		left: auto;
		bottom: 100px;
		width: auto;
		padding: 0;
		flex-direction: column;
		justify-content: flex-end;
		gap: 12px;
		background-color: transparent;
	}

	.abm-contact-btn {
		width: 48px;      
		height: 48px;
	}

	.abm-contact-btn svg, 
	.abm-contact-btn.zalo img,
	.abm-contact-btn.kakao img {
		width: 22px;
		height: 22px;
	}
	.abm-contact-overlay {
		position: fixed;
		background: rgba(0, 0, 0, 0.85);
		z-index: 99999;
	} 
	.button-contact-home-an{
		z-index:99999 !important;
		display:none !important;
	}

	.abm-contact-btn {
		width: 65px;                     
		height: 65px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		box-shadow: 0 8px 25px rgba(0,0,0,0.2);
		transition: all 0.3s ease;
	}

	.abm-contact-btn:hover {
		transform: scale(1.1);        
	}


	.abm-contact-btn.messenger { background: linear-gradient(135deg,#00c6ff,#0072ff); }
	.abm-contact-btn.zalo { background: #2d7ef7; }
	.abm-contact-btn.kakao { background: #FEE500; }
	.abm-contact-btn.phone { background: #e53935; }


	.abm-contact-btn svg, 
	.abm-contact-btn img {
		width: 32px;
		height: 32px;
		fill: #fff; 
	}
} 

@media (max-width: 486px) {

	.custom{
		background:#f5f6f8;
		padding:0px;	
		padding-bottom:0px !important;
	}	
	.header-contact-wrapper ul .has-icon a.tooltip {
		display: inline-flex;
		gap:8px;
		align-items: center;
		background-color: transparent !important; 
		color: var(--main-color) !important;    
		border: 1.5px solid var(--main-color);    
		padding: 5px 15px;                       
		border-radius: 30px;
		font-size: 16px;                        
		margin-left:15px;
		font-weight: 600;
		transition: all 0.3s ease;
	}
	.custom .banner {
		border-radius:15px;
		overflow:hidden;
	}
	.custom  .exclusive-service{
		width: max-content;
		background: #facc15;
		border-radius: 15px;
		color: #1e3a8a;
		font-weight: bold;
		padding: 0px 10px;
	}
	.custom .button.primary{
		background: var(--main-color);
		border-radius:10px;
		padding: 2px 15px;
	}

	.header-contact-wrapper ul .has-icon a.tooltip i.icon-phone {
		color: var(--main-color) !important;
		margin-right: 6px;
	}
	.header-contact-wrapper ul .has-icon a.tooltip:hover {
		background-color: var(--main-color) !important;
		color: #fff !important;
	}

	.header-contact-wrapper ul .has-icon a.tooltip:hover i.icon-phone {
		color: #fff !important;
	}

}