.elementor-3213 .elementor-element.elementor-element-e0f343e{--display:flex;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3213 .elementor-element.elementor-element-7d31397{--display:flex;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3213 .elementor-element.elementor-element-02fe037{margin:100px 100px calc(var(--kit-widget-spacing, 0px) + 100px) 100px;}.elementor-3213 .elementor-element.elementor-element-02fe037 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-3213 .elementor-element.elementor-element-d8238e9 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-3213 .elementor-element.elementor-element-d8238e9 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-3213 .elementor-element.elementor-element-d8238e9{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-3213 .elementor-element.elementor-element-114d050c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for nav-menu, class: .elementor-element-02fe037 */.e-con>.e-con-inner>.elementor-widget>.elementor-widget-container{
    height:auto;
    display: block;
}
.elementor-3213 .elementor-element.elementor-element-02fe037 > .elementor-widget-container{
    margin:100px 0;
}
nav[aria-label="Menu"] {
  margin: 0 0 60px;
}

/* .case_study_menu -> main container of the nav (centering) */
nav[aria-label="Menu"].elementor-nav-menu--main {
  text-align: center;
}

/* .case_study_menu ul -> the UL element (nằm ngang) */
nav[aria-label="Menu"].elementor-nav-menu--main .elementor-nav-menu {
  display: flex;              /* hiển thị các item theo hàng ngang */
  justify-content: center;    /* căn giữa toàn bộ item */
  flex-wrap: wrap;            /* tự xuống dòng nếu quá dài */
  gap: 6px;                   /* khoảng cách giữa item */
  background: #f4f4f4;
  padding: 10px;
  border-radius: 15px;
  list-style: none;
  margin: 0;
}

/* reset li */
nav[aria-label="Menu"].elementor-nav-menu--main .elementor-nav-menu > li {
  margin: 0;
  padding: 0;
}

/* .case_study_menu ul li -> map styles to the anchor */
nav[aria-label="Menu"].elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item {
  background: #fff;
  border: none;
  outline: none;
  text-decoration: none;
  color: inherit;
  font-size: 16px;
  line-height: 1;
  transition: all 0.3s ease 0s;
  cursor: pointer;
  text-transform: capitalize;
  padding: 14px 30px;
  font-weight: 500;
  position: relative;
  z-index: 1;
  display: inline-block;
  border-radius: 5px;
  -webkit-tap-highlight-color: transparent;
}

/* Không muốn thấy border/shadow khi hover */
nav[aria-label="Menu"].elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item:hover {
  color: #fff;
  border: none !important;
  box-shadow: none !important;
}

/* Pseudo background chạy vào (hiệu ứng cũ) */
@keyframes opacityFallbackOut { 0% { opacity: 1; } 100% { opacity: 1; } }
@keyframes opacityFallbackIn  { 0% { opacity: 1; } 100% { opacity: 1; } }

nav[aria-label="Menu"].elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item::before {
  animation: opacityFallbackOut 0.5s step-end forwards;
  backface-visibility: hidden;
  background-color: var(--accent, #f14401);
  clip-path: polygon(-1% 0, 0 0, -25% 104%, -1% 100%);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: 0.5s;
  width: 100%;
  border-radius: 5px;
  z-index: -1;
}

/* Hover: tràn nền */
nav[aria-label="Menu"].elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item:hover::before {
  animation: opacityFallbackIn 0s step-start forwards;
  clip-path: polygon(0 0, 101% 0, 101% 101%, 0 101%);
  width: 100%;
  z-index: -1;
}

/* Active/current item (WP & Elementor state) */
nav[aria-label="Menu"].elementor-nav-menu--main .elementor-nav-menu > li.current-menu-item > a.elementor-item,
nav[aria-label="Menu"].elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item.elementor-item-active {
  color: #fff !important;
  background: var(--accent, #f14401) !important;
  border: none !important;
  box-shadow: none !important;
}

/* (Tuỳ chọn) Nếu site đang bật pointer của Elementor tạo viền, vô hiệu hoá cho menu này */
nav[aria-label="Menu"].elementor-nav-menu--main .elementor-item:after,
nav[aria-label="Menu"].elementor-nav-menu--main .elementor-item:before {
  border: none !important;
  box-shadow: none !important;
}/* End custom CSS */
/* Start custom CSS for portfolio-tab, class: .elementor-element-ada73b8 */.elementor-widget-container .case-study-area {
    padding: 0 0 90px;
}
.case-study-area img{
    border-radius: 15px;
}
.case-study-area .case-study-icon{
    background-color:#000;
}/* End custom CSS */
/* Start custom CSS for tg-team, class: .elementor-element-114d050c */div.team-area.style-two{
    padding-bottom: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b89d029 */.cs-page_heading_in nav.breadcrumb{
    display:none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d31397 */div.cs_height_150.cs_height_xl_130.cs_height_lg_80{
    display:none;
}/* End custom CSS */