.elementor-13 .elementor-element.elementor-element-478d54f{--display:flex;--position:absolute;--min-height:50px;--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;--overlay-opacity:0.6;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;top:0px;--z-index:100;}.elementor-13 .elementor-element.elementor-element-478d54f::before, .elementor-13 .elementor-element.elementor-element-478d54f > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-478d54f > .e-con-inner > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-478d54f > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-478d54f > .e-con-inner > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-478d54f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}body:not(.rtl) .elementor-13 .elementor-element.elementor-element-478d54f{left:0px;}body.rtl .elementor-13 .elementor-element.elementor-element-478d54f{right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13 .elementor-element.elementor-element-9d99638{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;text-align:start;}.elementor-13 .elementor-element.elementor-element-9d99638 img{width:10%;}.elementor-13 .elementor-element.elementor-element-a8d5ef1{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;text-align:end;}.elementor-13 .elementor-element.elementor-element-a8d5ef1 img{width:25%;}.elementor-13 .elementor-element.elementor-element-a44bbf7{--display:flex;--position:absolute;--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;top:0px;--z-index:99;}body:not(.rtl) .elementor-13 .elementor-element.elementor-element-a44bbf7{left:0px;}body.rtl .elementor-13 .elementor-element.elementor-element-a44bbf7{right:0px;}.elementor-13 .elementor-element.elementor-element-65492f7 .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-13 .elementor-element.elementor-element-65492f7{--e-off-canvas-justify-content:center;--e-off-canvas-align-items:center;--e-off-canvas-width:100%;--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-animation-duration:1s;--e-off-canvas-overlay-opacity:1;}.elementor-13 .elementor-element.elementor-element-4603cc3{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-13 .elementor-element.elementor-element-4603cc3:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-4603cc3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-13 .elementor-element.elementor-element-112b7a6{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-13 .elementor-element.elementor-element-9d99638{--container-widget-width:711px;--container-widget-flex-grow:0;width:var( --container-widget-width, 711px );max-width:711px;}.elementor-13 .elementor-element.elementor-element-a8d5ef1{--container-widget-width:499px;--container-widget-flex-grow:0;width:var( --container-widget-width, 499px );max-width:499px;}}@media(max-width:767px){.elementor-13 .elementor-element.elementor-element-478d54f{--width:100%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-13 .elementor-element.elementor-element-9d99638{--container-widget-width:48%;--container-widget-flex-grow:0;width:var( --container-widget-width, 48% );max-width:48%;}.elementor-13 .elementor-element.elementor-element-9d99638 img{width:39%;}.elementor-13 .elementor-element.elementor-element-a8d5ef1{--container-widget-width:10%;--container-widget-flex-grow:0;width:var( --container-widget-width, 10% );max-width:10%;text-align:start;}.elementor-13 .elementor-element.elementor-element-a8d5ef1 img{width:100%;}}/* Start custom CSS for container, class: .elementor-element-478d54f *//* =========================
   HEADER DEFAULT
========================= */

.elementor-13 .elementor-element.elementor-element-478d54f{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;

    z-index: 9999;

    padding: 28px 40px;

    transition:
        padding 0.4s ease,
        background 0.4s ease,
        backdrop-filter 0.4s ease,
        border-color 0.4s ease;

    background: transparent;
}

/* blur layer */
.elementor-13 .elementor-element.elementor-element-478d54f::before{
    content: "";

    position: absolute;
    inset: 0;

    background: rgba(0,0,0,0);

    backdrop-filter: blur(0px);

    transition: all 0.4s ease;

    z-index: -1;
}

/* =========================
   IMG 1 + IMG 2
========================= */

.elementor-13 .elementor-element.elementor-element-478d54f img{
    transition:
        transform 0.45s cubic-bezier(.22,.61,.36,1),
        opacity 0.4s ease;

    transform-origin: center;
}

/* =========================
   BAR
========================= */

.elementor-13 .elementor-element.elementor-element-478d54f .bar,
.elementor-13 .elementor-element.elementor-element-478d54f .header-bar,
.elementor-13 .elementor-element.elementor-element-478d54f .elementor-divider{
    transition:
        width 0.4s ease,
        height 0.4s ease,
        opacity 0.4s ease;
}

/* =========================
   SCROLL STATE
========================= */

.elementor-13 .elementor-element.elementor-element-478d54f.scrolled{
    padding: 12px 28px;
}

/* blur background */
.elementor-13 .elementor-element.elementor-element-478d54f.scrolled::before{
    background: rgba(0,0,0,0.92);

    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}


/* shrink logo/images */
.elementor-13 .elementor-element.elementor-element-478d54f.scrolled img{
    transform: scale(0.72);
}

/* shrink bar */
.elementor-13 .elementor-element.elementor-element-478d54f.scrolled .bar,
.elementor-13 .elementor-element.elementor-element-478d54f.scrolled .header-bar,
.elementor-13 .elementor-element.elementor-element-478d54f.scrolled .elementor-divider{
    width: 65%;
    opacity: 0.7;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-112b7a6 */body {
  background: #000;
  color: #fff;
  font-family: sans-serif;
}

.menu {
  width: 100%;
  max-width: 900px;
  margin: 100px auto;
  position: relative;
}

/* item */
.menu-item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;

  font-weight: 400;
  font-size: 64px;
  padding: 20px 0;

  border-bottom: 1px solid rgba(255,255,255,0.1);
  transition: all 0.4s ease;
  cursor: pointer;
}

/* text wrapper */
.label {
  position: relative;
  font-size: 64px;
}

/* number */
.label::before {
  content: attr(data-index);
  position: absolute;

  right: 100%;
  margin-right: 16px;

  top: 50%;
  transform: translateY(-50%);

  font-size: 14px;
  opacity: 0.4;
  letter-spacing: 0.1em;
  transition: all 0.3s ease;
}

/* hover container */
.menu:hover .menu-item {
  opacity: 0.2;
  filter: blur(4px);
}

/* active item */
.menu .menu-item:hover {
  opacity: 1;
  filter: blur(0);
  text-shadow: 0 0 20px rgba(255,255,255,0.2);
}

/* number hover */
.menu-item:hover .label::before {
  opacity: 0.8;
  transform: translateY(-50%) translateX(-4px);
}

/* line */
.menu-item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 0%;
  background: white;
  transition: width 0.8s ease;
}

.menu-item:hover::after {
  width: 100%;
}

/* =========================
   TABLET
========================= */
@media (max-width: 1024px) {

  .menu {
    max-width: 90%;
    margin: 70px auto;
  }

  .menu-item {
    font-size: 48px;
    padding: 18px 0;
  }

  .label {
    font-size: 48px;
  }

  .label::before {
    font-size: 12px;
    margin-right: 12px;
  }
}

/* =========================
   MOBILE
========================= */
@media (max-width: 767px) {

  .menu {
    max-width: 92%;
    margin: 40px auto;
  }

  .menu-item {
    justify-content: center;
    padding: 20px 0;
  }

  .label {
    font-size: 20px;
    line-height: 1.2;
    padding-left: 40px;
  }

  .label::before {
    left: 0;
    right: auto;
    margin-right: 0;

    font-size: 11px;

    transform: translateY(-50%);
  }

  /* giảm blur mobile cho mượt */
  .menu:hover .menu-item {
    filter: blur(1px);
  }

  .menu .menu-item:hover {
    filter: blur(0);
  }
}/* End custom CSS */