.elementor-842 .elementor-element.elementor-element-2590547{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-842 .elementor-element.elementor-element-29197c7{--display:flex;--min-height:5rem;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#FFFFFF1A;--border-color:#FFFFFF1A;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:2rem;--padding-right:2rem;}.elementor-842 .elementor-element.elementor-element-e8d6061 img{width:auto;height:3rem;}.elementor-842 .elementor-element.elementor-element-5b2d893 .elementor-icon-wrapper{text-align:center;}.elementor-842 .elementor-element.elementor-element-5b2d893.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-842 .elementor-element.elementor-element-5b2d893.elementor-view-framed .elementor-icon, .elementor-842 .elementor-element.elementor-element-5b2d893.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-842 .elementor-element.elementor-element-5b2d893.elementor-view-framed .elementor-icon, .elementor-842 .elementor-element.elementor-element-5b2d893.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-842 .elementor-element.elementor-element-5b2d893 .elementor-icon{font-size:24px;}.elementor-842 .elementor-element.elementor-element-5b2d893 .elementor-icon svg{height:24px;}.elementor-842 .elementor-element.elementor-element-fc110a0 .elementor-nav-menu .elementor-item{font-size:0.875rem;font-weight:700;text-transform:uppercase;line-height:1.75rem;}.elementor-842 .elementor-element.elementor-element-fc110a0 .elementor-nav-menu--main .elementor-item{color:#FFFFFF66;fill:#FFFFFF66;padding-left:2rem;padding-right:2rem;}.elementor-842 .elementor-element.elementor-element-fc110a0 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-842 .elementor-element.elementor-element-fc110a0 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-842 .elementor-element.elementor-element-fc110a0 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-842 .elementor-element.elementor-element-fc110a0 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-842 .elementor-element.elementor-element-fc110a0 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-842 .elementor-element.elementor-element-fc110a0 .e--pointer-framed .elementor-item:before{border-width:0rem;}.elementor-842 .elementor-element.elementor-element-fc110a0 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0rem 0rem;}.elementor-842 .elementor-element.elementor-element-fc110a0 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0rem 0rem 0 0;}.elementor-842 .elementor-element.elementor-element-fc110a0 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0rem 0 0 0rem;}.elementor-842 .elementor-element.elementor-element-fc110a0 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0rem 0rem 0;}.elementor-842 .elementor-element.elementor-element-fc110a0 .e--pointer-underline .elementor-item:after,
					 .elementor-842 .elementor-element.elementor-element-fc110a0 .e--pointer-overline .elementor-item:before,
					 .elementor-842 .elementor-element.elementor-element-fc110a0 .e--pointer-double-line .elementor-item:before,
					 .elementor-842 .elementor-element.elementor-element-fc110a0 .e--pointer-double-line .elementor-item:after{height:0rem;}.elementor-842 .elementor-element.elementor-element-fc110a0{padding:1.5rem 0rem 1.5rem 0rem;}.elementor-842 .elementor-element.elementor-element-95bed07{--display:flex;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFFFFF0D;--border-color:#FFFFFF0D;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-842 .elementor-element.elementor-element-95bed07:not(.elementor-motion-effects-element-type-background), .elementor-842 .elementor-element.elementor-element-95bed07 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF0D;}.elementor-842 .elementor-element.elementor-element-df4226e .elementor-button{font-size:10px;}.elementor-842 .elementor-element.elementor-element-df4226e{padding:0rem 0rem 0rem 0rem;}#elementor-popup-modal-842 .dialog-message{width:20rem;height:100vh;align-items:flex-start;}#elementor-popup-modal-842{justify-content:flex-end;align-items:center;pointer-events:all;background-color:rgba(0,0,0,.8);}#elementor-popup-modal-842 .dialog-widget-content{animation-duration:0.5s;background-color:var( --e-global-color-dea56a1 );box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for icon, class: .elementor-element-5b2d893 */.elementor-842 .elementor-element.elementor-element-5b2d893 a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    background: rgba(255,255, 255, 0.08) !important;
    border-radius: 9999px;
}

.elementor-842 .elementor-element.elementor-element-5b2d893 a:hover {
    background: var(--e-global-color-primary) !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-fc110a0 *//* =====================================================
   BASE / LAYOUT
===================================================== */
.elementor-842 .elementor-element.elementor-element-fc110a0 {
    flex: 1;
}

.elementor-842 .elementor-element.elementor-element-fc110a0 .menu-item {
    flex-direction: column;
    align-items: start;
}

.elementor-842 .elementor-element.elementor-element-fc110a0 .menu-item a {
    gap: 0.75rem;
}

/* =====================================================
   ACTIVE INDICATOR – THANH DỌC BÊN TRÁI
===================================================== */
.elementor-842 .elementor-element.elementor-element-fc110a0 .current-menu-item > a {
    position: relative;
}

.elementor-842 .elementor-element.elementor-element-fc110a0 .menu-item.current-menu-item > a::before,
.elementor-842 .elementor-element.elementor-element-fc110a0 .menu-item.current_page_item > a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);

    width: 3px;
    height: 100%;

    background: var(--e-global-color-primary);
    border-radius: 2px;
}

/* =====================================================
   SUB ARROW (ICON)
===================================================== */
.elementor-842 .elementor-element.elementor-element-fc110a0 .sub-arrow {
    transition: all 0.3s ease;
}

.elementor-842 .elementor-element.elementor-element-fc110a0 .menu-item .sub-arrow {
    padding: 0;
}


.elementor-842 .elementor-element.elementor-element-fc110a0 ul.sub-menu  li.menu-item span.sub-arrow .e-font-icon-svg {
    transform: rotate(180deg) !important
} 


.elementor-842 .elementor-element.elementor-element-fc110a0 ul.sub-menu .submenu-open .sub-arrow {
    transform: rotate(0) !important;
}

.elementor-842 .elementor-element.elementor-element-fc110a0 .submenu-open .sub-arrow {
    transform: rotate(180deg) !important;
}

/* =====================================================
   SUB MENU – STRUCTURE & TOGGLE
===================================================== */
.elementor-842 .elementor-element.elementor-element-fc110a0 .sub-menu {
    position: relative;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    visibility: unset !important;
    transform: none;
    opacity: 100;

    display: none !important;
}

.elementor-842 .elementor-element.elementor-element-fc110a0 .submenu-open > .sub-menu {
    display: block !important;
}

/* =====================================================
   SUB MENU – LEVEL STYLE RESET
===================================================== */
.elementor-842 .elementor-element.elementor-element-fc110a0 .sub-menu li.menu-item > a {
    border-left-width: 0;
}

.elementor-842 .elementor-element.elementor-element-fc110a0 .sub-menu li:hover > a {
    background: none !important;
    border-left-width: 0;
}

/* =====================================================
   SUB MENU – MULTI LEVEL
===================================================== */
.elementor-842 .elementor-element.elementor-element-fc110a0 ul.sub-menu ul.sub-menu {
    background: transparent;
}

.elementor-842 .elementor-element.elementor-element-fc110a0 ul.sub-menu ul.sub-menu li {
    background: rgba(255, 255, 255, 0.05);
}

/* =====================================================
   TYPOGRAPHY
===================================================== */
.elementor-842 .elementor-element.elementor-element-fc110a0 ul.sub-menu li.menu-item a {
    font-weight: 500 !important;
}

.elementor-842 .elementor-element.elementor-element-fc110a0 ul.sub-menu li.menu-item a:hover {
    font-weight: 500 !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-df4226e */.elementor-842 .elementor-element.elementor-element-df4226e a {
    padding: 0.625rem 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2590547 */.elementor-842 .elementor-element.elementor-element-2590547 {
    height: 100dvh;
}/* End custom CSS */
/* Start custom CSS */#elementor-popup-modal-842 {
    backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px); 
}

/* ===============================
   RESET
================================ */
.popup-menu,
.popup-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* ===============================
   ITEM CẤP 1
================================ */
.popup-menu li.menu-item > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.875rem 2rem !important;
  font-size: 1rem;
  font-weight: 800;
  color: rgba(255,255,255,0.6);
  text-decoration: none;
  transition: color 0.3s ease;
}

.popup-menu li.menu-item > a:hover {
  color: #ffffff;
}

/* ===============================
   ARROW MẶC ĐỊNH (Elementor)
================================ */
.popup-menu .elementor-item-toggle {
  transition: transform 0.3s ease;
  color: var(--e-global-color-primary);
}

/* ===============================
   SUB MENU (Elementor set inline style)
================================ */
.popup-menu .sub-menu {
  display: none !important;
  background: rgba(255,255,255,0.05);
}

/* ===============================
   ITEM TRONG SUB MENU
================================ */
.popup-menu ul.sub-menu a {
  padding: 0.625rem 3rem !important;
  font-size: .75rem !important;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.125rem;
  text-transform: uppercase;
  color: rgba(255,255,255,0.6);
}

.popup-menu ul.sub-menu a:hover {
  color: var(--e-global-color-primary);
}

/* ===============================
   SUB MENU CẤP 2
================================ */
.popup-menu ul.sub-menu ul.sub-menu a {
  padding-left: 70px !important;
  font-style: italic;
}

/* ===============================
   OPEN STATE
================================ */
.popup-menu .menu-item.submenu-open > .sub-menu {
  display: block !important;
}

.popup-menu .menu-item.submenu-open > a {
  color: #ffffff;
}

/* xoay arrow mặc định */
.popup-menu .menu-item.submenu-open > a .elementor-item-toggle {
  transform: rotate(180deg);
}/* End custom CSS */