.elementor-widget-container > .uael-party-propz-wrap i{color:var( --e-global-color-primary );}.elementor-widget-container > .uael-party-propz-wrap svg{fill:var( --e-global-color-primary );}.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-984 .elementor-element.elementor-element-ff660d4{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-list .uael-party-propz-widget-wrap i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .uael-party-propz-widget-wrap svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-icon-list .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-984 .elementor-element.elementor-element-c4287c8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 10px 0px;--e-icon-list-icon-size:20px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-984 .elementor-element.elementor-element-c4287c8 .elementor-icon-list-icon i{color:#FF0000;transition:color 0.3s;}.elementor-984 .elementor-element.elementor-element-c4287c8 .elementor-icon-list-icon svg{fill:#FF0000;transition:fill 0.3s;}.elementor-984 .elementor-element.elementor-element-c4287c8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-984 .elementor-element.elementor-element-c4287c8 .elementor-icon-list-item > a{font-family:"Be Vietnam Pro", Sans-serif;font-size:15px;font-weight:400;line-height:25px;}.elementor-984 .elementor-element.elementor-element-c4287c8 .elementor-icon-list-text{text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;transition:color 0.3s;}.elementor-984 .elementor-element.elementor-element-1896c6b{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-html .uael-party-propz-widget-wrap i{color:var( --e-global-color-primary );}.elementor-widget-html .uael-party-propz-widget-wrap svg{fill:var( --e-global-color-primary );}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-984 .elementor-element.elementor-element-b8c901f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-984 .elementor-element.elementor-element-1896c6b{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:25px;}.elementor-984 .elementor-element.elementor-element-1896c6b.e-con{--align-self:center;}.elementor-984 .elementor-element.elementor-element-b8c901f{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-984 .elementor-element.elementor-element-ff660d4{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-984 .elementor-element.elementor-element-ff660d4.e-con{--align-self:center;}.elementor-984 .elementor-element.elementor-element-c4287c8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-984 .elementor-element.elementor-element-1896c6b{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}}@media(min-width:768px){.elementor-984 .elementor-element.elementor-element-1896c6b{--content-width:80%;}}/* Start custom CSS for html, class: .elementor-element-b8c901f *//* Header */
    .header {
      background: #fff;
      padding: 10px 20px;
      border-radius: 50px;
      margin: 10px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
      position: relative;
      z-index: 1000;
      font-family: "Be Vietnam Pro", sans-serif !important;
    }

    .container {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    /* Logo */
    .logo {
      display: flex;
      align-items: center;
      gap: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
    border-radius: 50px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    }
    .logo img { height: 80px; }
    .logo span { font-weight: bold; color: #2b2b8e; }

    /* Nav desktop */
    .nav ul {
      display: flex;
      list-style: none;
      gap: 30px;
    }
    /* Nav chính */
.nav ul li a {
  padding: 8px 15px;
  text-decoration: none;
  color: #000;
  transition: 0.3s;
  border: 2px solid transparent; /* để sẵn khung */
  border-radius: 50px;
  font-weight: 600;
  font-family: "Be Vietnam Pro", Sans-Serif;
}

/* Hover nav chính */
.nav > ul > li > a:hover {
  border: 2px solid red;
  color: red;
}

/* Active nav chính */
.nav > ul > li.active > a,
.mobile-menu ul li.active > a {
  border: 2px solid red;
  color: red;
}
/* Dropdown menu con */
.nav ul li ul.dropdown li a {
  border: none !important;   /* bỏ khung */
  color: #333;
  padding: 10px 15px;
}

.nav ul li ul.dropdown {
    width: 220%;
}

/* Hover dropdown menu con */
.nav ul li ul.dropdown li a:hover {
  color: #2f3f95;
  background: #f0f0ff;
}


    /* Search desktop */
    .search-box {
  position: relative;
  width: 250px; /* chiều rộng khung search */
}

.search-box input {
  width: 100%;
  padding: 8px 40px 8px 12px; /* chừa khoảng bên phải cho nút */
  border: 1px solid #ccc;
  border-radius: 50px;
  outline: none;
}

.search-box button {
  position: absolute;
  right: 8px;         /* cách mép phải */
  top: 50%;           /* canh giữa dọc */
  transform: translateY(-50%);
  border: none;
  background: red;
  color: white;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}


    /* Mobile toggle */
    .menu-toggle {
      display: none;
      font-size: 22px;
      background: #2b2b8e;
      color: white;
      border: none;
      padding: 8px 10px;
      border-radius: 50px;
      cursor: pointer;
    }

    /* Mobile Menu */
    .mobile-menu {
      position: fixed;
      top: 0;
      left: -100%;
      width: 250px;
      height: 100%;
      background: #fff;
      padding: 20px;
      transition: 0.3s;
      z-index: 2000;
      overflow-y: auto;
    }
    .mobile-menu ul { list-style: none; margin-top: 20px; }
    .mobile-menu ul li { margin: 10px 0; }
    .mobile-menu ul li a {
      text-decoration: none;
      color: #000;
      font-weight: bold;
      display: block;
      padding: 8px 0;
    }

    /* Overlay */
    .overlay {
      position: fixed;
      top:0; left:0;
      width: 100%; height:100%;
      background: rgba(0,0,0, 0.8);
      display: none;
      z-index: 1500;
    }

    /* Dropdown desktop */
    .has-sub { position: relative; }
    .has-sub > a { cursor: pointer; }

    .nav .dropdown {
      display: none;
      position: absolute;
      top: 140%;
      left: 0;
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
      list-style: none;
      padding: 10px 0;
      min-width: 200px;
    }
    .nav .dropdown li a {
      display: block;
      padding: 10px 20px;
      color: #000;
      text-decoration: none;
    }
    .nav .dropdown li a:hover { background: #f5f5f5; }
    .nav .has-sub:hover .dropdown { display: block; }

    /* Mobile dropdown */
    .mobile-menu .dropdown {
      display: none;
      list-style: none;
      padding-left: 15px;
    }
    .mobile-menu .dropdown li a {
      padding: 8px 0;
      display: block;
      color: #000;
    }
    .mobile-menu .has-sub.open .dropdown { display: block; }

    /* Mobile search */
    .mobile-search {
      position: relative;
      margin-top: 10px;
      width: 100%;
    }
    .mobile-search input {
      width: 100%;
      padding: 10px 45px 10px 15px;
      border: 1px solid #ccc;
      border-radius: 50px;
      outline: none;
    }
    .mobile-search button {
      position: absolute;
      top: 50%;
      right: 10px;
      transform: translateY(-50%);
      width: 32px;
      height: 32px;
      background: red;
      border: none;
      border-radius: 50%;
      color: #fff;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 14px;
    }

    /* Close btn overlay */
    .close-btn {
      position: absolute;
      top: 20px;
      right: 30px;
      background: white;
      font-size: 20px;
      color: #000;
      cursor: pointer;
      border: none;
      padding: 5px 10px;
      border-radius: 10px;
    }

    /* Responsive */
    @media(max-width: 992px){
      .nav, .desktop-search {display: none;}
      .menu-toggle {display: block;}
    }

    /* Tablet (<= 992px) */
@media (max-width: 992px) {
  .header {
    padding: 10px 20px;
    border-radius: 50px;
    margin-top: 20px;
    margin-right: 25px;
  }

  .logo img {
    height: 60px;
  }

  .nav, .desktop-search {
    display: none; /* Ẩn menu desktop + search */
  }

  .menu-toggle {
    display: block; /* Nút menu mobile */
  }

  .container {
    justify-content: space-between;
  }
}

/* Mobile (<= 768px) */
@media (max-width: 768px) {
  .header {
    padding: 8px 12px;
  }

  .logo img {
    height: 50px;
  }

  .search-box {
    width: 180px; /* thu nhỏ khung search */
  }

  .mobile-menu {
    width: 220px; /* menu nhỏ hơn cho vừa màn hình */
    padding: 15px;
  }

  .mobile-search input {
    padding: 8px 40px 8px 12px;
    font-size: 14px;
  }

  .mobile-search button {
    width: 28px;
    height: 28px;
    font-size: 12px;
  }

  .close-btn {
    top: 20px;
    right: 60px;
    padding: 15px 20px;
  }
}

/* Mobile nhỏ (<= 480px) */
@media (max-width: 480px) {
  .header {
    padding: 6px 0px;
  }

  .logo img {
    height: 40px;
  }

  .search-box {
    width: 150px;
  }

  .mobile-menu {
    width: 250px;
  }

  .mobile-menu ul li a {
    font-size: 14px;
    padding: 6px 0;
  }
  
  .mobile-menu ul {
      margin-left: -40px;
  }
  
  .mobile-menu .has-sub.open .dropdown {
      margin-left: 20px;
  }
}/* End custom CSS */