.elementor-kit-6{--e-global-color-primary:#107769;--e-global-color-secondary:#073130;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-1ccee70:#5BBA9F;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FAFAFA;}.elementor-kit-6 h1{font-family:"Merriweather", montserrat;}.elementor-kit-6 h2{font-family:"Montserrat", montserrat;}.elementor-kit-6 h3{font-family:"Montserrat", montserrat;}.elementor-kit-6 h4{font-family:"Montserrat", montserrat;}.elementor-kit-6 h5{font-family:"Montserrat", montserrat;}.elementor-kit-6 h6{font-family:"Montserrat", montserrat;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.ast-oembed-container {
  height: auto !important;
}
.wpcf7-response-output {
  display: none !important;
}


/* ===================== CẤU TRÚC MENU CƠ BẢN ===================== */
li.menu-item-has-children {
  position: relative;
}

/* ===================== DROPDOWN CHÍNH (DESKTOP) ===================== */
/* Đưa background + shadow trực tiếp lên sub-menu, không dùng ::after
   để tránh UCSS của LiteSpeed strip pseudo-element.                  */
.elementor-nav-menu ul.sub-menu.elementor-nav-menu--dropdown.sm-nowrap {
  position: absolute !important;
  top: 100%;
  left: 0;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transform: translateY(5px);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0.3s;
  overflow: visible;
  background: #ffffff !important;
  border-radius: 6px !important;
  box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.06),
    0 -6px 6px rgba(0, 0, 0, 0.05),
    0 8px 24px rgba(0, 0, 0, 0.08) !important;
}

/* ===================== MŨI TÊN DROPDOWN (TAM GIÁC TRÊN ĐỈNH) ===================== */
.elementor-nav-menu > li.menu-item-has-children > ul.sub-menu.elementor-nav-menu--dropdown.sm-nowrap::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 20px;
  transform: translateY(-50%);
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  z-index: 10000;
}

.elementor-nav-menu ul.sub-menu ul.sub-menu.elementor-nav-menu--dropdown.sm-nowrap::before {
  display: none !important;
  content: none !important;
}

/* ===================== HIỂN THỊ KHI HOVER ===================== */
.elementor-nav-menu li.menu-item-has-children:hover > ul.sub-menu.elementor-nav-menu--dropdown.sm-nowrap,
.elementor-nav-menu ul.sub-menu.elementor-nav-menu--dropdown.sm-nowrap:hover {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(3px);
  transition-delay: 0s;
}

/* ===================== LINK STYLE ===================== */
.elementor-nav-menu ul.sub-menu.elementor-nav-menu--dropdown.sm-nowrap li a {
  display: block;
  padding: 10px 12px !important;
  color: #222 !important;
  transition: background-color 0.3s, color 0.3s;
}

.elementor-nav-menu ul.sub-menu.elementor-nav-menu--dropdown.sm-nowrap li a:hover {
  background-color: #14796c !important;
  color: #fff !important;
}

/* ===================== SUBMENU NGANG (CẤP 2+) ===================== */
.elementor-nav-menu ul.sub-menu ul.sub-menu {
  position: absolute;
  top: -4px;
  left: 102%;
  margin-left: 6px;
  background: #ffffff !important;
  border-radius: 6px !important;
  box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.06),
    0 -6px 6px rgba(0, 0, 0, 0.05),
    0 8px 24px rgba(0, 0, 0, 0.08) !important;
  opacity: 0;
  visibility: hidden;
  transform: translateX(8px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  z-index: 9999;
}

.elementor-nav-menu ul.sub-menu li.menu-item-has-children:hover > ul.sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.elementor-nav-menu ul.sub-menu ul.sub-menu li a {
  display: block;
  padding: 8px 12px !important;
  color: #222 !important;
  transition: background-color 0.3s, color 0.3s;
}

.elementor-nav-menu ul.sub-menu ul.sub-menu li a:hover {
  background-color: #14796c !important;
  color: #fff !important;
}

/* ===================== FIX MŨI TÊN SVG ELEMENTOR ===================== */
.elementor-nav-menu .sub-arrow {
  position: static !important;
  transform: none !important;
  margin-left: 6px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  width: 0.8em !important;
  height: 0.8em !important;
  line-height: 1 !important;
}

.elementor-nav-menu .sub-arrow svg,
.elementor-nav-menu .sub-arrow .e-font-icon-svg,
.elementor-nav-menu .sub-arrow .e-font-icon-svg.e-fas-caret-down {
  width: 0.8em !important;
  height: 0.8em !important;
  display: inline-block !important;
  fill: currentColor !important;
  vertical-align: middle !important;
}

header .e-font-icon-svg,
.elementor-widget-nav-menu .e-font-icon-svg {
  width: 1em !important;
  height: 1em !important;
  display: inline-block !important;
  fill: currentColor !important;
}

/* ===================== EXCLUDE MOBILE MENU (EAEL) ===================== */
.eael-simple-menu ul.sub-menu {
  position: static !important;
  transform: none !important;
  box-shadow: none !important;
  z-index: auto !important;
  background: transparent !important;
}

.eael-simple-menu ul.sub-menu::after,
.eael-simple-menu ul.sub-menu::before {
  display: none !important;
  content: none !important;
}

.eael-simple-menu .sub-arrow {
  position: static !important;
  transform: none !important;
  margin-left: 0 !important;
}/* End custom CSS */