.lazy {
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
  }
  .lazy.loaded {
	opacity: 1;
  }
  header.header-desk.header-bg .header-top {
	  display: none;
  }
  .header-top {
	  background: #2d2d53;
	  color: white;
	  font-size: 16px;
	  padding: 3px 0 0 0;
	  font-weight: 400;
	  line-height: 1.5;
	  position: relative;
	  background: #E0AE3E;
	  background: radial-gradient(circle,rgba(224, 174, 62, 1) 0%, rgba(253, 226, 149, 1) 34%, rgba(237, 188, 81, 1) 70%, rgba(235, 172, 56, 1) 100%);
	 }
  header {
	  position: relative;
	  z-index: 1000;
	  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	  background: #580000;
  }
  .header-bottom {
	  padding: 0;
  }
  .nav-item {
	  position: relative;
	  display: flex;
	  align-items: center;
  }
  .nav-item>a {
	  font-weight: 600;
	  font-size: 18px;
	  color: #fff;
	  text-transform: none;
  }
  .nav-item>a:hover {
	  color: #efa700;
  }
  .box-header-bottom {
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
  }
  
  .header-center img {
	  height: 85px;
	  /* left: 5px; */
	  /* position: relative; */
	  /* top: 10px; */
  }
  
  .header-left > ul {
	  display: flex;
	  gap: 0px 40px;
	  align-items: center;
	  justify-content: right;
  }
  
  .header-right ul {
	  display: flex;
	  gap: 0px 15px;
	  justify-content: center;
	  align-items: center;
  }
  
  .header-left {
	  /* width: 60%; */
  }
  
  .header-right {
	  /* width: 30%; */
	  text-align: right;
	  /* margin-left: 30px; */
  }
  
 
  
  li.nav-item-search svg {
	  width: 38px;
	  height: 38px;
	  margin-top: 5px;
	  padding: 7px;
	  background: none;
	  border-radius: 50%;
	  border: solid 1px #ffffff7d;
  }
  
  li.nav-item-search button {
	  padding: unset;
  }
  
  .logo-center {
	  /* margin-top: -40px; */
	  padding: 0;
  }
  .logo-center a {
	  display: flex;
  }
  .clm.header-top__left {
	  position: relative;
  }
  
  .header-center {
	  position: relative;
	  z-index: 9;
	  /* width: 10%; */
	  /* text-align: center; */
  }
  
  
  .popup-search {
	   position: relative;
	   z-index: 999999;
  }
   .popup-search .search-overlay.active {
	   opacity: 1;
	   visibility: visible;
  }
   .popup-search .search-overlay {
	   position: fixed;
	   top: 0;
	   left: 0;
	   width: 100%;
	   height: 45%;
	   background: rgba(0, 0, 0, 0.5);
	   backdrop-filter: blur(4px);
	   z-index: 1000;
	   opacity: 0;
	   visibility: hidden;
	   transition: all 0.3s ease;
  }
   .popup-search .search-popup.active {
	   opacity: 1;
	   visibility: visible;
	   transform: translateX(-50%) translateY(0);
  }
   .popup-search .search-popup {
	   position: fixed;
	   top: 14%;
	   left: 50%;
	   transform: translateX(-50%) translateY(-20px);
	   width: 90%;
	   max-width: 100%;
	   background: white;
	   border-radius: 12px;
	   box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
	   z-index: 1001;
	   opacity: 0;
	   visibility: hidden;
	   transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
   .popup-search .close-btn {
	   position: absolute;
	   top: -9px;
	   right: 0px;
	   background: none;
	   border: none;
	   cursor: pointer;
	   padding: unset;
	   border-radius: 6px;
	   display: flex;
	   align-items: center;
	   justify-content: center;
	   transition: background 0.2s ease;
	   z-index: 999999;
  }
   .popup-search .close-icon {
	   width: 30px;
	   height: 30px;
	   color: #646060;
  }
   .popup-search .popup-search-container {
	   position: relative;
	   padding: 40px 20px;
  }
   .popup-search .popup-search-input {
	   width: 100%;
	   padding: 15px 50px 15px 20px;
	   border: 1px solid #e5e7eb;
	   border-radius: 8px;
	   font-size: 16px;
	   background: #f9fafb;
	   outline: none;
	   transition: all 0.2s ease;
  }
   .popup-search .popup-search-icon {
	   position: absolute;
	   right: 35px;
	   top: 50%;
	   transform: translateY(-50%);
	   width: 20px;
	   height: 20px;
	   color: #9ca3af;
	   padding: unset;
	   background: none;
  }
  
  .popup-search .close-btn:hover {
	  background-color: #fff;
	  padding: unset;
  }
  .clm.header-top__left {
	  color: #fff;
	  font-weight: 300;
  }
  .logo-center a {
	  position: relative;
  }
  
  
  .logo-center a:before {
	  /* width: 170%; */
	  /* height: 122%; */
	  /* background: #ffffff; */
	  /* content: ""; */
	  /* position: absolute; */
	  z-index: 0;
	  /* left: 50%; */
	  /* top: 50%; */
	  /* transform: translate(-50% , -50%); */
	  /* border-radius: 100%; */
  }
  
  .has-submenu {
	position: static;
  }
  
  .submenu-c2,
  .submenu-c3 {
	position: absolute;
	top: calc(100% + 20px);
	left: 0;
	background-color: #f9f9f9;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	box-shadow: 0 8px 16px rgba(0,0,0,0.1);
	z-index: 999;
	min-width: 255px;
	transition: .3s;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;

  }
  
  .submenu-c3 {
	left: 100%;
	top: 0;
	display: none !important;
  }
  
  .has-submenu:hover > .submenu-c2,
  .submenu-c2 .has-submenu:hover > .submenu-c3 {
	display: block;
  }
  
  .submenu-c2 li,
  .submenu-c3 li {
	padding: 8px 15px;
  }
  
  .submenu-c2 li a,
  .submenu-c3 li a {
	color: #333;
	text-decoration: none;
	display: block;
	font-weight: 600;
  }
  
  .submenu-c2 li a:hover,
  .submenu-c3 li a:hover {
	color: #BB2428;
  }
  
  /* ul.submenu-c2 {
	  display: none;
  } */
  
  li.nav-item.has-submenu:hover ul.submenu-c2 {
	  opacity: 1;
	  visibility: visible;
	  top: 100%;
  }
  
  ul.submenu-c2 > li:hover.submenu-c3 {
	display: block !important;
  }
  
  .item-menu-c2 {
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	  width: 100%;
  }
  
  .item-menu-c2 i {
	  font-size: 11px;
	  color: #333;
  }
  ul.submenu-c2 > li a {
	  font-size: 14px;
	  text-transform: capitalize;
  }
  ul.submenu-c2 li.nav-item.has-submenu:hover .submenu-c3 {
	  display: block !important;
  }
  .item-icon-menu-c1 {
	  display: flex;
	  align-items: center;
	  gap: 0px 5px;
	  line-height: 45px;
  }
  
  .item-icon-menu-c1 i {
	  font-size: 12px;
	  color: #fff;
	  transform: rotate(90deg);
  }
  
  .item-icon-menu-c1 a {
	  color: #fff;
	  text-transform: none;
	  font-weight: 600;
	  line-height: 5.5;
	  font-size: 18px;
  }
  .item-icon-menu-c1 a:hover {
	  color: #efa700;
  }
  .header-mobile .header {
	   /* position: fixed; */
	   top: 0;
	   left: 0;
	   right: 0;
	   background: rgba(255, 255, 255, 0.95);
	   backdrop-filter: blur(20px);
	   -webkit-backdrop-filter: blur(20px);
	   border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	   z-index: 1000;
	   transition: all 0.3s ease;
  }
   .header-mobile .header-content {
	   display: flex;
	   justify-content: space-between;
	   align-items: center;
	   padding: 1rem 1.5rem;
	   max-width: 1200px;
	   margin: 0 auto;
  }
   .header-mobile .logo {
	   font-size: 1.5rem;
	   font-weight: bold;
	   background: linear-gradient(45deg, #667eea, #764ba2);
	   -webkit-background-clip: text;
	   -webkit-text-fill-color: transparent;
	   background-clip: text;
	   margin-bottom: 0px;
  }
   .header-mobile .menu-toggle {
	   display: flex;
	   flex-direction: column;
	   cursor: pointer;
	   padding: 8px;
	   position: relative;
	   z-index: 1001;
  }
   .header-mobile .menu-toggle span {
	   width: 25px;
	   height: 3px;
	   background: #333;
	   margin: 3px 0;
	   transition: all 0.3s ease;
	   border-radius: 3px;
  }
   .header-mobile .close-btn {
	   position: absolute;
	   top: 1.5rem;
	   right: 1.5rem;
	   width: 40px;
	   height: 40px;
	   background: #580000;
	   border: none;
	   border-radius: 50%;
	   color: #fff;
	   font-size: 1.5rem;
	   cursor: pointer;
	   display: flex;
	   align-items: center;
	   justify-content: center;
	   transition: all 0.3s ease;
	   z-index: 1001;
  }
   .header-mobile .close-btn:hover {
	   background: #e7bc45;
	   transform: rotate(90deg);
  }
   .header-mobile .mobile-menu {
	   position: fixed;
	   top: 0;
	   right: -100%;
	   width: 80%;
	   max-width: 400px;
	   height: 100vh;
	   background: #ffffff;
	   transition: right 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	   z-index: 999999;
	   overflow-y: auto;
  }
   .header-mobile .mobile-menu.active {
	   right: 0;
  }
   .header-mobile .menu-overlay {
	   position: fixed;
	   top: 0;
	   left: 0;
	   width: 100%;
	   height: 100%;
	   background: rgb(0 0 0 / 47%);
	   opacity: 0;
	   visibility: hidden;
	   transition: all 0.3s ease;
	   z-index: 999999;
  }
   .header-mobile .menu-overlay.active {
	   opacity: 1;
	   visibility: visible;
  }
   .header-mobile .menu-header {
	   padding: 2rem 1.5rem 1rem;
	   border-bottom: 1px solid #b07f235e;
  }
   .header-mobile .menu-title {
	   color: #000000;
	   font-size: 23px;
	   font-weight: 600;
	   margin-bottom: 0.5rem;
  }
   .header-mobile .menu-subtitle {
	   color: rgb(0 0 0 / 80%);
	   font-size: 14px;
  }
   .header-mobile .menu-items {
	   padding: 1rem 0;
  }
   .header-mobile .menu-item {
	   display: block;
	   padding: 1rem 1.5rem;
	   color: #000000;
	   text-decoration: none;
	   font-size: 17px;
	   font-weight: 500;
	   transition: all 0.3s ease;
	   border-left: 4px solid transparent;
	   position: relative;
	   overflow: hidden;
  }
   .header-mobile .menu-item::before {
	   content: '';
	   position: absolute;
	   top: 0;
	   left: -100%;
	   width: 100%;
	   height: 100%;
	   background: rgba(255, 255, 255, 0.1);
	   transition: left 0.3s ease;
  }
   .header-mobile .menu-item:hover::before {
	   left: 0;
  }
   .header-mobile .menu-item:hover {
	   border-left-color: #b07f23;
	   transform: translateX(10px);
	   background: #eee;
  }
   .header-mobile .menu-item i {
	   margin-right: 12px;
	   font-size: 1.1rem;
  }
   .header-mobile .menu-footer {
	   position: absolute;
	   bottom: 0;
	   left: 0;
	   right: 0;
	   padding: 1.5rem;
	   background: rgba(0, 0, 0, 0.1);
	   border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
   .header-mobile .social-links {
	   display: flex;
	   gap: 1rem;
	   justify-content: center;
	   margin-top: 0px;
  }
   .header-mobile .social-link {
	   display: flex;
	   align-items: center;
	   justify-content: center;
	   width: 40px;
	   height: 40px;
	   background: #b07f23;
	   border-radius: 50%;
	   color: #fff;
	   text-decoration: none;
	   transition: all 0.3s ease;
  }
   .header-mobile .social-link:hover {
	   background: rgba(255, 255, 255, 0.2);
	   transform: translateY(-2px);
  }
   .header-mobile .main-content {
	   margin-top: 80px;
	   padding: 2rem 1.5rem;
	   color: #fff;
	   text-align: center;
  }
   .header-mobile .demo-text {
	   font-size: 1.1rem;
	   line-height: 1.6;
	   opacity: 0.9;
  }
  .header-mobile{
	  display: none;
  }
  .content-hotline-fiexd {
	  display: block;
	  line-height: 1.2;
  }
  
  .content-hotline-fiexd strong {
	  display: block;
  }
  .box-pages-english a {
	  padding: unset;
	  background: none;
  }
  
  .item-btn-booknow {
	  gap: 0px 15px;
	  align-items: center;
  }
  
  .box-pages-english a img {
	  width: 32px;
	  height: 27px;
	  margin-right: 5px;
	  border-radius: 5px;
  }
  header.header-desktop.header-desktop-fiexd .box-header-desk-contact {
	  padding-top: 0px;
  }
  
  .header-mobile .menu-items {
	  padding: 1rem 0;
  }
  a.menu-item-nav {
	  display: block;
	  padding: 5px 1.5rem;
	  color: #000000;
	  text-decoration: none;
	  font-size: 17px;
	  font-weight: 500;
	  transition: all 0.3s ease;
	  border-left: 4px solid transparent;
	  position: relative;
	  overflow: hidden;
	  border-bottom: 1px solid #ccc;
  }
  .menu-item-nav {
	  display: block;
	  padding: 1rem 1.5rem;
	  color: #000000;
	  text-decoration: none;
	  font-size: 17px;
	  font-weight: 500;
	  transition: all 0.3s ease;
	  border-left: 4px solid transparent;
	  position: relative;
	  overflow: hidden;
	  border-bottom: 1px solid #ccc;
  }
  .menu-toggle-nav {
	  display: flex
  ;
	  justify-content: space-between;
	  align-items: center;
  }
  .menu-toggle-nav {
	  display: flex
  ;
	  justify-content: space-between;
	  align-items: center;
  }
  .menu-item-nav.has-submenu .submenu {
	  background: none;
  }.menu-toggle-nav-c3 {
	  display: flex
  ;
	  justify-content: space-between;
  }
  .menu-item-nav.has-submenu .submenu a {
	  display: block;
	  padding: 5px;
  }
  .box-navbar-header-mobile a {
	  color: #000;
  }
  .has-submenu .submenu {
	  display: none;
	  padding-left: 15px;
	  background-color: #f9f9f9;
  }
  .has-submenu.active > .submenu {
	  display: block;
	  padding: 10px 0px 0px 10px;
  }
	  .header-mobile{
	  display: none;
  }
  
  
  
  .ngonngu .demo-container {
	   border-radius: 10px;
	   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	   display: flex;
	   justify-content: right;
  }
   .ngonngu .language-selector {
	   position: relative;
	   display: inline-block;
	   /* min-width: 128px; */
  }
   .ngonngu .dropdown-button {
	   display: flex;
	   align-items: center;
	   justify-content: space-between;
	   padding: 5px 11px;
	   background: none;
	   border: 1px solid #ffffff7d;
	   border-radius: 6px;
	   cursor: pointer;
	   background: #ffffff30;
	   font-size: 14px;
	   color: #333;
	   transition: all 0.2s ease;
	   /* min-width: 140px; */
  }
   .ngonngu .current-lang {
	   display: flex;
	   align-items: center;
	   gap: 8px;
  }
   .ngonngu .flag-us {
	   background: linear-gradient(to bottom, #b22234 35%, #fff 35%, #fff 65%, #b22234 65%);
  }
  .ngonngu .flag img {
	  border-radius: 2px;
  }
   .ngonngu .flag {
	   width: 20px;
	   height: 15px;
	   border-radius: 2px;
	   display: flex;
	   align-items: center;
	   justify-content: center;
	   font-size: 12px;
	   flex-shrink: 0;
  }
   .ngonngu .arrow {
	   margin-left: 6px;
	   transition: transform 0.2s ease;
	   color: #333;
  }
  .ngonngu .arrow i {
	  font-size: 12px;
	  color: #fff;
	  transform: rotate(90deg);
  }
   .ngonngu .dropdown-menu {
	   position: absolute;
	   top: 100%;
	   left: 0;
	   right: 0;
	   background: white;
	   border: 1px solid #ddd;
	   border-radius: 6px;
	   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	   z-index: 1000;
	   opacity: 0;
	   visibility: hidden;
	   transform: translateY(-10px);
	   transition: all 0.2s ease;
	   margin-top: 4px;
  }
   .ngonngu .dropdown-item.selected {
	   background-color: #e3f2fd;
	   color: #1976d2;
  }
   .ngonngu .dropdown-item {
	   display: flex;
	   align-items: center;
	   gap: 8px;
	   padding: 10px 12px;
	   cursor: pointer;
	   font-size: 14px;
	   color: #333;
	   transition: background-color 0.2s ease;
	   border-bottom: 1px solid #f0f0f0;
  }
   .ngonngu .dropdown-item {
	   display: flex;
	   align-items: center;
	   gap: 8px;
	   padding: 10px 12px;
	   cursor: pointer;
	   font-size: 14px;
	   color: #333;
	   transition: background-color 0.2s ease;
	   border-bottom: 1px solid #f0f0f0;
  }
   
  
  .dropdown-menu.show {
	  opacity: 1;
	  visibility: visible;
	  transform: translateY(0);
  }
  .clm.header-top__right .mxh ul {
	  display: flex;
	  align-items: center;
	  gap: 0px 3px;
  }
  .clm.header-top__right .mxh a {
	  display: flex;
  }
  
  .clm.header-top__right {
	  align-items: center;
	  display: flex;
	  justify-content: right;
	  align-items: center;
	  gap: 0px 20px;
  }
  
  .clm.header-top__right .mxh ul li img {
	  height: 27px;
	  object-fit: contain;
  }
  header.header-desk.header-bg {
	  position: fixed;
	  width: 100%;
	  background: #580000;
	  z-index: 999999999999;
  }
  header.header-mobile.header-bg {
	  position: fixed;
	  width: 100%;
  }
  ul.submenu-c2 .has-submenu:hover {
	  background: #580000;
	  color: #fff;
  }
  
  ul.submenu-c2 .has-submenu:hover a {
	  color: #fff;
  }
  
  ul.submenu-c2 .has-submenu:hover a i {color: #fff;}
  
  ul.submenu-c2 .has-submenu:hover i {
	  color: #fff;
  }
  
  ul.submenu-c3 li a {
	  color: #222 !important;
  }
  
  ul.submenu-c3 li:hover {
	  color: #fff !important;
	  background: #1c4594;
  }
  
  ul.submenu-c3 li:hover a {
	  color: #fff !important;
  }
  .box-header-right-center {
	  display: flex;
	  align-items: center;
	  justify-content: right;
  }
  .icon-right-header img {
	  text-align: center;
	  padding: 0;
	  font-size: 26px;
	  width: 40px;
	  height: 40px;
  }
  .hotline-header-center {
	  padding: 0px 25px 0px 10px;
	  text-align: left;
  }
  .hotline-header-center p {
	  font-size: 14px;
	  padding: 0;
	  color: #fff;
	  white-space: nowrap;
	  font-weight: normal;
	  line-height: 1.2;
	  text-transform: uppercase;
  }
  .hotline-header-center span {
	  display: block;
	  font-weight: 700;
	  font-size: 18px;
	  line-height: 1.5;
	  color: #fff;
  }
  
  
.submenu-c2-fix{
    position: absolute;
    top: calc(100% + 20px);
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 900px;
	display: grid;
    grid-template-columns: repeat(8, 1fr);
	gap: 20px;
	padding: 20px;
	background-color: #f9f9f9;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	box-shadow: 0 8px 16px rgba(0,0,0,0.1);
	z-index: 999;
	transition: .3s;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
}

li.nav-item.has-submenu:hover ul.submenu-c2-fix {
	opacity: 1;
	visibility: visible;
	top: 100%;
}

.submenu-c2-fix .item-menu-c2-fix{
	text-align: center;
}

.submenu-c2-fix .item-menu-c2-fix a{
	color: #580000;
	font-size: 14px;
	font-weight: 700;
}
  
.submenu-c2-fix .item-menu-c2-fix h2{
	line-height: 1;
}

.submenu-c2-fix .item-menu-c2-fix .wrap-img{
	padding-bottom: 78%;
    border-radius: 50%;
    margin: 0px 10px 10px;
}  

.submenu-c2-fix .item-menu-c2-fix .wrap-img img{
	transition: .3s;
}
  
.submenu-c2-fix .item-menu-c2-fix:hover img{
	transform: scale(1.05);
}
  
  @media(max-width:1150px){
	  .nav-item>a {
	  font-size: 15px;
  }
  
  .item-icon-menu-c1 a {
	  font-size: 15px;
  }
  
  .header-center {
	  width: 11%;
  }
  
  .header-left {
	  width: 45%;
  }
  
  .header-right {
	  width: 36%;
  }
  }
  @media (max-width: 990px) {
	  li.nav-item-search {
	  margin-top: -10px;
  }
  
  .header-mobile .menu-toggle {
	  padding-top: 0px;
  }
		  .header-mobile .menu-footer {
	  background: #580000;
  }
  
  .menu-footer ul {
	  display: flex;
	  gap: 0px 15px;
  }
  
	  .menu-item-nav-c2.has-submenu.active .submenu.submenu-c3 {
	  display: block !important;
	  position: unset;
	  box-shadow: unset;
	  font-size: 14px;
	  margin-bottom: 10px;
  }
	  header.header-desk{
		  display: none;
	  }
	  .header-mobile{
	  display: block;
	  background-color: #FFF;
  }
	  .header-mobile .logo img {
		  height: 55px;
	  }
	   .box-item-mobile--header {
		  display: flex
  ;
		  align-items: center;
		  gap: 0px 10px;
	  }
  }
  @media (max-width: 1200px) { 
	  .nav-item>a {
		  font-size: 15px;
	  }
	  .header-left > ul {
		  gap:0 15px
	  }
  }
  @media (max-width: 990px) { 
	  .box-pages-english a img {
		  width: 25px;
		  height: 22px;
	  }
	  .box-pages-english a {
		  height: 0;
	  }
	  .header-mobile .header-content {
		  padding: 5px 0px;
		  align-items: center;
		  background: #fff;
	  }

	  li.nav-item-search svg path{
		stroke: #000;
	  }
  }