.elementor-6501 .elementor-element.elementor-element-6b27ab33{--display:flex;--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-evenly;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:-99px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:4;}.elementor-6501 .elementor-element.elementor-element-5d8b9f0{--display:flex;--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:center;--align-items:center;}.elementor-6501 .elementor-element.elementor-element-268341b5.elementor-element{--align-self:center;}.elementor-6501 .elementor-element.elementor-element-268341b5{text-align:center;}.elementor-6501 .elementor-element.elementor-element-268341b5 img{width:33%;}.elementor-6501 .elementor-element.elementor-element-36387dc{width:var( --container-widget-width, 43% );max-width:43%;--container-widget-width:43%;--container-widget-flex-grow:0;}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-menu-container{height:80px;border-radius:0px 0px 0px 0px;}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-navbar-nav > li > a{font-weight:900;color:#FF0000;padding:0px 15px 0px 15px;}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-navbar-nav > li > a:hover{color:#FF0000;}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-navbar-nav > li > a:focus{color:#FF0000;}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-navbar-nav > li > a:active{color:#FF0000;}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-navbar-nav > li:hover > a{color:#FF0000;}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-navbar-nav > li:hover > a .elementskit-submenu-indicator{color:#FF0000;}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-navbar-nav > li > a:hover .elementskit-submenu-indicator{color:#FF0000;}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-navbar-nav > li > a:focus .elementskit-submenu-indicator{color:#FF0000;}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-navbar-nav > li > a:active .elementskit-submenu-indicator{color:#FF0000;}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-navbar-nav > li.current-menu-item > a{color:#FF0000;}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-navbar-nav > li.current-menu-ancestor > a{color:#FF0000;}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-navbar-nav > li.current-menu-ancestor > a .elementskit-submenu-indicator{color:#FF0000;}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-navbar-nav > li > a .elementskit-submenu-indicator{color:#FF0000;fill:#FF0000;}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-navbar-nav > li > a .ekit-submenu-indicator-icon{color:#FF0000;fill:#FF0000;}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-navbar-nav .elementskit-submenu-panel > li > a{padding:15px 15px 15px 15px;color:#000000;}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-navbar-nav .elementskit-submenu-panel > li > a:hover{color:#707070;}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-navbar-nav .elementskit-submenu-panel > li > a:focus{color:#707070;}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-navbar-nav .elementskit-submenu-panel > li > a:active{color:#707070;}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-navbar-nav .elementskit-submenu-panel > li:hover > a{color:#707070;}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-navbar-nav .elementskit-submenu-panel > li.current-menu-item > a{color:#707070 !important;}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-submenu-panel{padding:15px 0px 15px 0px;}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;min-width:220px;}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-menu-hamburger{float:right;}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-menu-hamburger .elementskit-menu-hamburger-icon{background-color:rgba(0, 0, 0, 0.5);}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-menu-hamburger > .ekit-menu-icon{color:rgba(0, 0, 0, 0.5);}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-menu-hamburger:hover .elementskit-menu-hamburger-icon{background-color:rgba(0, 0, 0, 0.5);}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-menu-hamburger:hover > .ekit-menu-icon{color:rgba(0, 0, 0, 0.5);}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-menu-close{color:rgba(51, 51, 51, 1);}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-menu-close:hover{color:rgba(0, 0, 0, 0.5);}.elementor-6501 .elementor-element.elementor-element-c2c7c30 .ekit-btn-wraper .elementskit-btn{justify-content:center;}.elementor-6501 .elementor-element.elementor-element-c2c7c30 .elementskit-btn{background-color:#FF0000;font-weight:800;color:#0C0C0C;fill:#0C0C0C;border-style:none;}.elementor-6501 .elementor-element.elementor-element-c2c7c30 .elementskit-btn:hover{background-color:#FF0000;color:#FFFFFF;fill:#FFFFFF;}.elementor-6501 .elementor-element.elementor-element-c2c7c30{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-6501 .elementor-element.elementor-element-c2c7c30 .elementskit-btn > :is(i, svg){font-size:14px;}.elementor-6501 .elementor-element.elementor-element-c2c7c30 .elementskit-btn > i, .elementor-6501 .elementor-element.elementor-element-c2c7c30 .elementskit-btn > svg{margin-right:5px;}.rtl .elementor-6501 .elementor-element.elementor-element-c2c7c30 .elementskit-btn > i, .rtl .elementor-6501 .elementor-element.elementor-element-c2c7c30 .elementskit-btn > svg{margin-left:5px;margin-right:0;}.elementor-6501 .elementor-element.elementor-element-068db79{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--background-transition:0.3s;--margin-top:0px;--margin-bottom:-200px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:222222;}.elementor-6501 .elementor-element.elementor-element-36f8bb7 .ekit-btn-wraper .elementskit-btn{justify-content:center;}.elementor-6501 .elementor-element.elementor-element-36f8bb7 .elementskit-btn{background-color:#FF0000;font-weight:800;color:#0C0C0C;fill:#0C0C0C;border-style:none;}.elementor-6501 .elementor-element.elementor-element-36f8bb7 .elementskit-btn:hover{background-color:#FF0000;color:#FFFFFF;fill:#FFFFFF;}.elementor-6501 .elementor-element.elementor-element-36f8bb7 .elementskit-btn > :is(i, svg){font-size:14px;}.elementor-6501 .elementor-element.elementor-element-36f8bb7 .elementskit-btn > i, .elementor-6501 .elementor-element.elementor-element-36f8bb7 .elementskit-btn > svg{margin-right:5px;}.rtl .elementor-6501 .elementor-element.elementor-element-36f8bb7 .elementskit-btn > i, .rtl .elementor-6501 .elementor-element.elementor-element-36f8bb7 .elementskit-btn > svg{margin-left:5px;margin-right:0;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1366px){.elementor-6501 .elementor-element.elementor-element-068db79{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-6501 .elementor-element.elementor-element-6b27ab33{--content-width:1038px;}.elementor-6501 .elementor-element.elementor-element-5d8b9f0{--width:100%;}}@media(max-width:1024px){.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-nav-identity-panel{padding:10px 0px 10px 0px;}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-menu-container{max-width:350px;border-radius:0px 0px 0px 0px;}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-navbar-nav > li > a{color:#000000;padding:10px 15px 10px 15px;}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-navbar-nav .elementskit-submenu-panel > li > a{padding:15px 15px 15px 15px;}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-menu-hamburger{padding:8px 8px 8px 8px;width:45px;border-radius:3px;}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-menu-close{padding:8px 8px 8px 8px;margin:12px 12px 12px 12px;width:45px;border-radius:3px;}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-nav-logo > img{max-width:160px;max-height:60px;}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-nav-logo{margin:5px 0px 5px 0px;padding:5px 5px 5px 5px;}.elementor-6501 .elementor-element.elementor-element-068db79{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-6501 .elementor-element.elementor-element-6b27ab33{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6501 .elementor-element.elementor-element-268341b5{text-align:left;}.elementor-6501 .elementor-element.elementor-element-268341b5 img{width:37%;}.elementor-6501 .elementor-element.elementor-element-36387dc .elementskit-nav-logo > img{max-width:120px;max-height:50px;}.elementor-6501 .elementor-element.elementor-element-c2c7c30 .elementskit-btn{border-radius:12px 12px 12px 12px;}.elementor-6501 .elementor-element.elementor-element-068db79{--min-height:0px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;--margin-top:0px;--margin-bottom:-100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:440;}.elementor-6501 .elementor-element.elementor-element-9ee6c1b{text-align:center;}.elementor-6501 .elementor-element.elementor-element-9ee6c1b img{height:68px;}.elementor-6501 .elementor-element.elementor-element-36f8bb7 .elementskit-btn{border-radius:12px 12px 12px 12px;}}/* Start custom CSS for container, class: .elementor-element-6b27ab33 *//* Header ban đầu trong suốt */
header, .elementor-location-header {
  background-color: transparent !important;
  transition: all 1s ease; /* tăng thời gian chuyển */
}

/* Khi cuộn xuống: nền đen mạnh */
.elementor-sticky--effects {
  background-color: #000000 !important; /* đen đậm, không trong suốt */
  box-shadow: 0 2px 10px rgba(0,0,0,0.5); /* thêm chút đổ bóng */
  transition: all 1s ease; /* hiệu ứng chậm mượt hơn */
}
/* 1) Cho header tràn full-bleed theo viewport */
.elementor-location-header{
  position: sticky;            /* hoặc để Elementor xử lý sticky cũng được */
  top: 0;
  z-index: 9999;
  width: 100vw;                /* tràn theo viewport */
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: transparent !important;
  transition: background-color 1s ease, box-shadow 1s ease;
}

/* 2) Khi cuộn xuống: nền đen full-bleed + đổ bóng */
.elementor-location-header .elementor-sticky--effects{
  background-color: #000000 !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.5);
}

/* 3) Gỡ giới hạn bề rộng của container bên trong (nếu theme bó max-width) */
.elementor-location-header .elementor-container,
.elementor-location-header .e-con,
.elementor-location-header .e-con-inner{
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0;
  padding-right: 0;
}

/* 4) Tránh kéo thanh cuộn ngang do 100vw */
html, body{ overflow-x: hidden; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-068db79 *//* Header ban đầu trong suốt - CHỈ áp dụng cho header1 */
#header1, 
.header1,
.elementor-location-header.header1 {
  background-color: transparent !important;
  transition: all 1s ease;
}

/* Khi cuộn xuống: nền đen mạnh - CHỈ áp dụng cho header1 */
#header1.elementor-sticky--effects,
.header1.elementor-sticky--effects,
.elementor-location-header.header1 .elementor-sticky--effects {
  background-color: #000000 !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.5);
  transition: all 1s ease;
}

/* 1) Cho header tràn full-bleed - CHỈ áp dụng cho header1 */
#header1,
.header1,
.elementor-location-header.header1 {
  position: sticky;
  top: 0;
  z-index: 9999;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: transparent !important;
  transition: background-color 1s ease, box-shadow 1s ease;
}

/* 2) Khi cuộn xuống: nền đen full-bleed + đổ bóng - CHỈ áp dụng cho header1 */
#header1 .elementor-sticky--effects,
.header1 .elementor-sticky--effects,
.elementor-location-header.header1 .elementor-sticky--effects {
  background-color: #000000 !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.5);
}

/* 3) Gỡ giới hạn bề rộng của container - CHỈ áp dụng cho header1 */
#header1 .elementor-container,
#header1 .e-con,
#header1 .e-con-inner,
.header1 .elementor-container,
.header1 .e-con,
.header1 .e-con-inner,
.elementor-location-header.header1 .elementor-container,
.elementor-location-header.header1 .e-con,
.elementor-location-header.header1 .e-con-inner {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0;
  padding-right: 0;
}

/* 4) Tránh kéo thanh cuộn ngang do 100vw */
html, body { overflow-x: hidden; }/* End custom CSS */