.hide{display:none !important;}

h1, h2, h3, h4, h5, h6 {
	font-family: "Kanit", sans-serif;
	margin: 0px;
	padding: 0;
	color: var(--header);
	text-transform: initial;
	transition: all 0.4s ease-in-out;
	text-transform: capitalize;
}
	.clear{clear:both;height:25px;}
/* header */
	.header-top-section-new {background-image: linear-gradient(62deg, #020286, #0a0133);}
	.header-top-section-new {background-color: #0b0c5f;}
	.header-top-wrapper-new .social-icon span {color: #fff !important;}
	.header-top-wrapper-new .social-icon a {color: #fff !important;}
	.header-top-wrapper-new .top-right li {color: #fff !important;}
	.header-top-wrapper-new .top-right li a {color: #fff !important;}

	.header-11{background-color:#192868;}
	.sticky {background-color: #26215f;color:#fff !important}	
	.sticky:hover {background-color: #0a2b9c;color:#fff !important}	
	/* .sticky.header-3 .header-main .main-menu ul li .top-menu a:hover {color:#f7d909 !important;} */
	.header-main .main-menu ul li a {color: #fff;}
	.header-main .main-menu ul li:hover > a::after {color: #ff0000 !important;}
	
	.header-main .main-menu ul li a:hover {color:#ff0 !important;}
	.header-main .main-menu ul li a::after {color:#ff0 !important;}

	.top-menu{color:#fff !important;}
	.top-menu a:hover{color:#f7d909 !important;}
	
	.submenu:hover .top-menu{color:#ff0 !important;}
	li:hover > .top-menu,	li:hover .submenu:hover ~ .top-menu {color:#ff0 !important;}
	
	.lng{padding:3px 5px;cursor:pointer;}
	.lngActive{background-color:#fff;border:1px solid #0080ff;color:#000 !important;padding:3px;border-radius:3px;}
	
	
/* About */
	.about-wrapper .about-image .about-image-2 .about-tour {background-color: #231f5abf;}
	
/* slide-items	 */
	.destination-category-section {margin-top: 50px;}
	
/* footer */
	.footer-widget-wrapper-new::before {background: #241f60ad;}
	.footer-widget-wrapper-new .single-widget-items .contact-info .contact-items .icon {background-color: #24205C;}


/* offer */
	.about-wrapper .about-image .vdeo-item .video-btn {background-color: #F00;}
	.deals-offer-wrapper .offer-slide-items .offer-items .offer-image::before {
		background: linear-gradient(180deg, rgba(22, 25, 33, 0) 0%, #21227399 100%);
		opacity: 1;
		visibility: unset;
	}
	.deals-offer-wrapper .offer-slide-items .offer-items .offer-image:hover::before {
		 opacity: 0;
		 transition: opacity 0.3s ease; /* เพิ่มการเปลี่ยนแบบ smooth */
	}
	.offer-items a:hover{color:#0040ff !important;}
	.content{background-color:unset ;padding: 0 10px;border-radius: 10px;width:80%;}
	.content h3 {color:#fff !important;}
	.deals-offer-wrapper .offer-slide-items .offer-items:hover .content{background-color: #0040ff70;backdrop-filter: blur(3px);}
	/* .content h3 a:hover{color:#ff0000 !important;} */
	/* .deals-offer-wrapper .offer-slide-items .offer-items:hover .content h3 a{color: #0040ff !important; } */
	/* .deals-offer-wrapper .offer-slide-items .offer-items:hover span {color: #265cff !important; } */
	
	/* Text-shadow */
	.breadcrumb-wrapper .page-heading h2 {font-weight: 600 !important;color: #fff;text-shadow: -1px -1px 1px rgba(255, 255, 255, 0), 1px 1px 1px rgba(0,0,0,.5);}
	.breadcrumb-wrapper .page-heading .breadcrumb-list {text-shadow: -1px -1px 1px rgba(255, 255, 255, 0), 1px 1px 1px rgba(0,0,0,.5);backdrop-filter: blur(3px);}
	
	.color-white{color:#fff !important;}	
	.width-full{width:100% !important;}
	.w-full{width:100% !important;}
/*custom*/	
	.font-10{font-size:10px !important;}
	.font-12{font-size:12px !important;}
	.font-14{font-size:14px !important;}
	.font-16{font-size:16px !important;}
	.font-18{font-size:18px !important;}
	.font-20{font-size:20px !important;}
	.font-22{font-size:22px !important;}
	.font-24{font-size:24px !important;}
	.font-26{font-size:26px !important;}
	.font-28{font-size:28px !important;}
	.font-32{font-size:32px !important;}
	.font-38{font-size:38px !important;}
	.font-48{font-size:48px !important;}
	.font-64{font-size:64px !important;}
	.font-80{font-size:80px !important;}
	.bold-300{font-weight:300 !important;}
	.bold-400{font-weight:400 !important;}
	.bold-500{font-weight:500 !important;}
	
	.line1{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
	.line2{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.line3{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
	.lineLimit2{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.lineLimit3{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
	
	.bg-blur {
		background: radial-gradient(161.52% 135.78% at 50.46% -7.72%, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0) 100%);
		backdrop-filter: blur(5px);
		border-radius: 10px;
		border: 1px solid #bbbbbb82;
	}
	
	.boxMsg {
		padding: 10px;
		overflow: auto;
		word-wrap: break-word;
		}
	.boxMsg b {
		font-weight: 600 !important;
	}
	.boxMsg p {
		margin-top: 0;
		margin-bottom: 1rem;
	}
	.boxMsg ul {
		padding:revert !important;
		margin:initial !important;
		list-style:unset !important;
	}	
	
	
	.single-blog-post h1,h2,h3{ font-weight: 500 !important; }
	b, strong {font-weight: 500 !important;color: #575757 !important;}
	 
/*Menu ------------------------*/	 
		.thisMenuActive{color:#ff0 !important}
		.thisMenuActive:hover{color:#ff0 !important}
		.thisMenuActive::affer{color:#ff0 !important}
		
		.menu-top{color:#fff !important;}
		.menu-top:hover{color:#ff0000 !important;}

		.header-1 .container-fluid .header-main .mean__menu-wrapper .main-menu nav ul li a.menu-top:hover{color:#ffff00!important;}
		.header-1 .container-fluid .header-main .mean__menu-wrapper .main-menu nav ul li a.menu-top::after{color:#ffff00!important;}

	 
	/*@ topmenu */
        /* Main hover effects */
        /* 1. เมื่อชี้เมาส์ที่ menu-top ให้ตัวหนังสือสีแดง */
        .menu-top:hover {
            color: #ffff00 !important;
        }
        
        /* 2. เมื่อเลื่อนเมาส์บน submenu ให้ตัวหนังสือใน menu-top เป็นสีแดง */
        .main-menu li:hover .menu-top {
            color: #ffff00 !important;
        }
		  .mean-container .mean-nav ul li a.mean-expand {color:#fff}
		  .sticky.header-3 .search-icon {color: #fff;}
			/* .header-main .main-menu ul li .submenu {visibility: inherit;opacity: 1 !important;} */
			.sticky.header-3 .header-main .main-menu ul li .top-menu a:hover {color: #00ff40 !important;}
			/* .sticky.header-3 .header-main .main-menu ul li a:hover {color: #0000d9 !important;} */
			.header-main .mean__menu-wrapper .main-menu #mobile-menu ul li .top-menu a:hover {color: #00d936 !important;font-size:20px;}
			.header-main .main-menu ul li .submenu li a:hover {color: #0000ff !important;}	

			.detail{	font-size: 22px;font-weight: 200;color: #000;line-height: initial;}
			
	/*end Menu ------------------------*/	 

.gold-gradient-text{
	background: linear-gradient(90deg, #FFD700, #FFA500);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	display: inline-block;
}
.bg1{background-image: linear-gradient(45deg, #000097, black);}
.bg2{background-image: linear-gradient(45deg, black, navy);}


/*----------- mobile */
@media (max-width: 1199px) {
	.hideOnMobile {
		display: none;
	}
}

/* CSS สำหรับเปลี่ยนสีคลาส menu_top ตามอุปกรณ์ */

/* สีเริ่มต้นสำหรับมือถือ (สีดำ) */
.menu_top {
    background-color: #000000;
    color: #ffffff; /* ข้อความสีขาวสำหรับพื้นหลังสีดำ */
}

@media (max-width: 767px){
	.notMobile{display:none !important}
}
/* สำหรับแท็บเล็ต (768px ขึ้นไป) - ยังคงเป็นสีดำ */
@media (min-width: 768px) and (max-width: 1023px) {
    .menu_top {
        background-color: #000000;
        color: #ffffff;
    }
}

/* สำหรับ PC/Desktop (1024px ขึ้นไป) - เปลี่ยนเป็นสีขาว */
@media (min-width: 1024px) {
    .menu_top {
        background-color: #ffffff;
        color: #000000; /* ข้อความสีดำสำหรับพื้นหลังสีขาว */
    }
}