.elementor-57 .elementor-element.elementor-element-63730d1{--display:flex;--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;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:8px;--padding-bottom:8px;--padding-left:40px;--padding-right:40px;}.elementor-57 .elementor-element.elementor-element-63730d1:not(.elementor-motion-effects-element-type-background), .elementor-57 .elementor-element.elementor-element-63730d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1A1A;}.elementor-57 .elementor-element.elementor-element-af3476b{--display:flex;--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:flex-start;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-57 .elementor-element.elementor-element-d38c91e .elementor-icon-box-wrapper{align-items:center;gap:8px;}.elementor-57 .elementor-element.elementor-element-d38c91e .elementor-icon{font-size:16px;}.elementor-57 .elementor-element.elementor-element-d38c91e .elementor-icon-box-title, .elementor-57 .elementor-element.elementor-element-d38c91e .elementor-icon-box-title a{font-family:"IBM Plex Sans Thai", Sans-serif;font-weight:800;}.elementor-57 .elementor-element.elementor-element-d38c91e .elementor-icon-box-description{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:13px;font-weight:500;color:#FFFFFF;}.elementor-57 .elementor-element.elementor-element-1e725c9 .elementor-icon-box-wrapper{align-items:center;gap:8px;}.elementor-57 .elementor-element.elementor-element-1e725c9 .elementor-icon{font-size:16px;}.elementor-57 .elementor-element.elementor-element-1e725c9 .elementor-icon-box-description{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:13px;font-weight:500;color:#FFFFFF;}.elementor-57 .elementor-element.elementor-element-befd4ee{--display:flex;--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:flex-end;}.elementor-57 .elementor-element.elementor-element-4661d30 .elementor-icon-box-wrapper{align-items:center;gap:8px;}.elementor-57 .elementor-element.elementor-element-4661d30 .elementor-icon{font-size:16px;}.elementor-57 .elementor-element.elementor-element-4661d30 .elementor-icon-box-description{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:13px;font-weight:500;color:#FFFFFF;}.elementor-57 .elementor-element.elementor-element-70a4ec9 .elementor-icon-box-wrapper{align-items:center;gap:8px;}.elementor-57 .elementor-element.elementor-element-70a4ec9 .elementor-icon{font-size:16px;}.elementor-57 .elementor-element.elementor-element-70a4ec9 .elementor-icon-box-description{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:13px;font-weight:500;color:#FFFFFF;}.elementor-57 .elementor-element.elementor-element-5d4a36e{--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;--gap:24px 24px;--row-gap:24px;--column-gap:24px;box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.05);--padding-top:4px;--padding-bottom:4px;--padding-left:40px;--padding-right:40px;}.elementor-57 .elementor-element.elementor-element-5d4a36e:not(.elementor-motion-effects-element-type-background), .elementor-57 .elementor-element.elementor-element-5d4a36e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.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-57 .elementor-element.elementor-element-8f8555b img{width:180px;}.elementor-57 .elementor-element.elementor-element-f3eaf7a{--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-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-57 .elementor-element.elementor-element-b84eaa6 .elementor-menu-toggle{margin-left:auto;}.elementor-57 .elementor-element.elementor-element-b84eaa6 .elementor-nav-menu .elementor-item{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:16px;font-weight:600;}.elementor-57 .elementor-element.elementor-element-b84eaa6 .elementor-nav-menu--main .elementor-item{color:#1A1A1A;fill:#1A1A1A;padding-left:20px;padding-right:20px;}.elementor-57 .elementor-element.elementor-element-b84eaa6 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-57 .elementor-element.elementor-element-b84eaa6 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-57 .elementor-element.elementor-element-b84eaa6 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-57 .elementor-element.elementor-element-b84eaa6 .elementor-nav-menu--main .elementor-item:focus{color:#FF7C1A;fill:#FF7C1A;}.elementor-57 .elementor-element.elementor-element-b84eaa6 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FF7C1A;}.elementor-57 .elementor-element.elementor-element-b84eaa6 .elementor-nav-menu--dropdown{border-style:none;}.elementor-57 .elementor-element.elementor-element-b84eaa6 .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#F1F5F9;border-bottom-width:1px;}.elementor-57 .elementor-element.elementor-element-b84eaa6 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-57 .elementor-element.elementor-element-b84eaa6 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:0px !important;}.elementor-57 .elementor-element.elementor-element-b84eaa6 div.elementor-menu-toggle{color:#1A1A1A;}.elementor-57 .elementor-element.elementor-element-b84eaa6 div.elementor-menu-toggle svg{fill:#1A1A1A;}.elementor-57 .elementor-element.elementor-element-b84eaa6 div.elementor-menu-toggle:hover, .elementor-57 .elementor-element.elementor-element-b84eaa6 div.elementor-menu-toggle:focus{color:#FF7C1A;}.elementor-57 .elementor-element.elementor-element-b84eaa6 div.elementor-menu-toggle:hover svg, .elementor-57 .elementor-element.elementor-element-b84eaa6 div.elementor-menu-toggle:focus svg{fill:#FF7C1A;}.elementor-57 .elementor-element.elementor-element-b84eaa6{--nav-menu-icon-size:24px;}.elementor-57 .elementor-element.elementor-element-806fa01{--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:flex-end;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-57 .elementor-element.elementor-element-1e52ef8 .elementor-icon-wrapper{text-align:center;}.elementor-57 .elementor-element.elementor-element-1e52ef8.elementor-view-stacked .elementor-icon{background-color:#1A1A1A;}.elementor-57 .elementor-element.elementor-element-1e52ef8.elementor-view-framed .elementor-icon, .elementor-57 .elementor-element.elementor-element-1e52ef8.elementor-view-default .elementor-icon{color:#1A1A1A;border-color:#1A1A1A;}.elementor-57 .elementor-element.elementor-element-1e52ef8.elementor-view-framed .elementor-icon, .elementor-57 .elementor-element.elementor-element-1e52ef8.elementor-view-default .elementor-icon svg{fill:#1A1A1A;}.elementor-57 .elementor-element.elementor-element-1e52ef8.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-primary );}.elementor-57 .elementor-element.elementor-element-1e52ef8.elementor-view-framed .elementor-icon:hover, .elementor-57 .elementor-element.elementor-element-1e52ef8.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-57 .elementor-element.elementor-element-1e52ef8.elementor-view-framed .elementor-icon:hover, .elementor-57 .elementor-element.elementor-element-1e52ef8.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-primary );}.elementor-57 .elementor-element.elementor-element-1e52ef8 .elementor-icon{font-size:20px;}.elementor-57 .elementor-element.elementor-element-1e52ef8 .elementor-icon svg{height:20px;}.elementor-57 .elementor-element.elementor-element-864db3c .elementor-icon-wrapper{text-align:center;}.elementor-57 .elementor-element.elementor-element-864db3c.elementor-view-stacked .elementor-icon{background-color:#1A1A1A;}.elementor-57 .elementor-element.elementor-element-864db3c.elementor-view-framed .elementor-icon, .elementor-57 .elementor-element.elementor-element-864db3c.elementor-view-default .elementor-icon{color:#1A1A1A;border-color:#1A1A1A;}.elementor-57 .elementor-element.elementor-element-864db3c.elementor-view-framed .elementor-icon, .elementor-57 .elementor-element.elementor-element-864db3c.elementor-view-default .elementor-icon svg{fill:#1A1A1A;}.elementor-57 .elementor-element.elementor-element-864db3c.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-primary );}.elementor-57 .elementor-element.elementor-element-864db3c.elementor-view-framed .elementor-icon:hover, .elementor-57 .elementor-element.elementor-element-864db3c.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-57 .elementor-element.elementor-element-864db3c.elementor-view-framed .elementor-icon:hover, .elementor-57 .elementor-element.elementor-element-864db3c.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-primary );}.elementor-57 .elementor-element.elementor-element-864db3c .elementor-icon{font-size:20px;}.elementor-57 .elementor-element.elementor-element-864db3c .elementor-icon svg{height:20px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-57 .elementor-element.elementor-element-af3476b{--width:50%;}.elementor-57 .elementor-element.elementor-element-befd4ee{--width:50%;}.elementor-57 .elementor-element.elementor-element-f3eaf7a{--width:60%;}.elementor-57 .elementor-element.elementor-element-806fa01{--width:20%;}}@media(max-width:1024px) and (min-width:768px){.elementor-57 .elementor-element.elementor-element-f3eaf7a{--width:10%;}.elementor-57 .elementor-element.elementor-element-806fa01{--width:33.33%;}}@media(max-width:1024px){.elementor-57 .elementor-element.elementor-element-5d4a36e{--justify-content:space-between;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-57 .elementor-element.elementor-element-f3eaf7a{--min-height:0px;}.elementor-57 .elementor-element.elementor-element-f3eaf7a.e-con{--order:-1;}}@media(max-width:767px){.elementor-57 .elementor-element.elementor-element-63730d1{--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;--justify-content:center;--gap:4px 4px;--row-gap:4px;--column-gap:4px;--padding-top:8px;--padding-bottom:8px;--padding-left:16px;--padding-right:16px;}.elementor-57 .elementor-element.elementor-element-af3476b{--justify-content:space-between;--gap:4px 4px;--row-gap:4px;--column-gap:4px;--flex-wrap:nowrap;--padding-top:8px;--padding-bottom:8px;--padding-left:16px;--padding-right:16px;}.elementor-57 .elementor-element.elementor-element-d38c91e .elementor-icon-box-wrapper{gap:4px;}.elementor-57 .elementor-element.elementor-element-d38c91e .elementor-icon{font-size:14px;}.elementor-57 .elementor-element.elementor-element-d38c91e .elementor-icon-box-description{font-size:13px;}.elementor-57 .elementor-element.elementor-element-1e725c9 .elementor-icon{font-size:14px;}.elementor-57 .elementor-element.elementor-element-befd4ee{--justify-content:space-between;--gap:4px 4px;--row-gap:4px;--column-gap:4px;--padding-top:8px;--padding-bottom:8px;--padding-left:16px;--padding-right:16px;}.elementor-57 .elementor-element.elementor-element-4661d30 .elementor-icon-box-wrapper{gap:4px;}.elementor-57 .elementor-element.elementor-element-4661d30 .elementor-icon{font-size:14px;}.elementor-57 .elementor-element.elementor-element-70a4ec9 .elementor-icon-box-wrapper{gap:4px;}.elementor-57 .elementor-element.elementor-element-70a4ec9 .elementor-icon{font-size:14px;}.elementor-57 .elementor-element.elementor-element-5d4a36e{--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:8px 8px;--row-gap:8px;--column-gap:8px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-57 .elementor-element.elementor-element-8f8555b.elementor-element{--align-self:center;--order:0;}.elementor-57 .elementor-element.elementor-element-8f8555b{z-index:-1;text-align:center;}.elementor-57 .elementor-element.elementor-element-f3eaf7a{--width:33.33%;--justify-content:space-between;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-57 .elementor-element.elementor-element-f3eaf7a.e-con{--align-self:center;--order:-1;}.elementor-57 .elementor-element.elementor-element-b84eaa6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 10px 0px;}.elementor-57 .elementor-element.elementor-element-b84eaa6.elementor-element{--align-self:center;}.elementor-57 .elementor-element.elementor-element-b84eaa6 .elementor-nav-menu--main .elementor-item{padding-left:20px;padding-right:20px;padding-top:0px;padding-bottom:0px;}.elementor-57 .elementor-element.elementor-element-806fa01{--width:40%;}.elementor-57 .elementor-element.elementor-element-806fa01.e-con{--order:1;}.elementor-57 .elementor-element.elementor-element-1e52ef8 .elementor-icon{font-size:11px;}.elementor-57 .elementor-element.elementor-element-1e52ef8 .elementor-icon svg{height:11px;}.elementor-57 .elementor-element.elementor-element-864db3c .elementor-icon{font-size:11px;}.elementor-57 .elementor-element.elementor-element-864db3c .elementor-icon svg{height:11px;}}/* Start custom CSS for nav-menu, class: .elementor-element-b84eaa6 *//* ============================================================
   Quedee Nav Menu - Premium v7 (Tablet + Mobile = Hamburger)
   ============================================================
   📱 ≤ 1024px: Hamburger + Premium dropdown
   🖥️ ≥ 1025px: Horizontal pill nav
   ============================================================ */


/* ============================================================
   HAMBURGER TOGGLE BUTTON
   ============================================================ */
.elementor-menu-toggle {
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  background: #FFF7ED !important;
  color: #FF7C1A !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s ease !important;
  border: 1px solid #FFEDD5 !important;
  position: relative !important;
  z-index: 10001 !important;
}

.elementor-menu-toggle:hover {
  background: #FFEDD5 !important;
  transform: scale(1.05) !important;
}

.elementor-menu-toggle.elementor-active {
  background: #FF7C1A !important;
  color: #FFFFFF !important;
  border-color: #FF7C1A !important;
}

.elementor-menu-toggle.elementor-active:hover {
  background: #EA7820 !important;
}

.elementor-menu-toggle svg {
  width: 22px !important;
  height: 22px !important;
  fill: currentColor !important;
}


/* ============================================================
   TABLET + MOBILE (≤ 1024px) — Premium Dropdown Menu
   ============================================================ */
@media (max-width: 1024px) {
  
  /* === Force show Hamburger toggle === */
  body .elementor-menu-toggle {
    display: flex !important;
  }
  
  /* === Hide horizontal menu === */
  body .elementor-widget-nav-menu nav.elementor-nav-menu--main > ul.elementor-nav-menu {
    display: none !important;
  }
  
  /* === Dropdown Container === */
  .elementor-nav-menu--dropdown {
    background: #FFFFFF !important;
    padding: 16px 12px !important;
    border-radius: 0 0 20px 20px !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.12) !important;
    border-top: 1px solid #F1F5F9 !important;
    margin-top: 8px !important;
  }
  
  /* === Separator borders on LI === */
  .elementor-nav-menu--dropdown li {
    border-bottom: 1px solid #F1F5F9 !important;
    list-style: none !important;
  }
  
  .elementor-nav-menu--dropdown li:last-child {
    border-bottom: none !important;
  }
  
  /* === Menu Items === */
  .elementor-nav-menu--dropdown .elementor-item,
  .elementor-nav-menu__container .elementor-item {
    font-family: 'IBM Plex Sans Thai', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 12px 16px 12px 60px !important;
    margin: 2px 0 !important;
    color: #1A1A1A !important;
    border-radius: 10px !important;
    display: block !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    background: transparent !important;
    position: relative !important;
    line-height: 1.5 !important;
  }
  
  /* === Icon Box (absolute positioned) === */
  .elementor-nav-menu--dropdown .elementor-item::before {
    content: "" !important;
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    background: #F8FAFC !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    transition: all 0.2s ease !important;
    text-align: center !important;
    line-height: 36px !important;
  }
  
  /* === Arrow → on right === */
  .elementor-nav-menu--dropdown .elementor-item::after {
    content: "→" !important;
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #CBD5E1 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    transition: all 0.2s ease !important;
  }
  
  /* === Icons for each menu item (by order) === */
  .elementor-nav-menu--dropdown li:nth-child(1) .elementor-item::before { content: "🏠" !important; }
  .elementor-nav-menu--dropdown li:nth-child(2) .elementor-item::before { content: "🖥️" !important; }
  .elementor-nav-menu--dropdown li:nth-child(3) .elementor-item::before { content: "💼" !important; }
  .elementor-nav-menu--dropdown li:nth-child(4) .elementor-item::before { content: "📸" !important; }
  .elementor-nav-menu--dropdown li:nth-child(5) .elementor-item::before { content: "📚" !important; }
  .elementor-nav-menu--dropdown li:nth-child(6) .elementor-item::before { content: "✉️" !important; }
  
  /* === Hover State === */
  .elementor-nav-menu--dropdown .elementor-item:hover,
  .elementor-nav-menu__container .elementor-item:hover {
    background: #FFF7ED !important;
    color: #FF7C1A !important;
  }
  
  .elementor-nav-menu--dropdown .elementor-item:hover::before {
    background: #FFFFFF !important;
    box-shadow: 0 4px 12px rgba(255,124,26,0.15) !important;
  }
  
  .elementor-nav-menu--dropdown .elementor-item:hover::after {
    color: #FF7C1A !important;
    right: 12px !important;
  }
  
  /* === Active Page === */
  .elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
  .elementor-nav-menu__container .elementor-item.elementor-item-active {
    background: linear-gradient(135deg, #FFF7ED 0%, #FFEDD5 100%) !important;
    color: #C2410C !important;
    box-shadow: 0 2px 8px rgba(255,124,26,0.08) !important;
  }
  
  .elementor-nav-menu--dropdown .elementor-item.elementor-item-active::before {
    background: #FFFFFF !important;
    box-shadow: 0 4px 12px rgba(255,124,26,0.2) !important;
  }
  
  .elementor-nav-menu--dropdown .elementor-item.elementor-item-active::after {
    color: #FF7C1A !important;
  }
  
  /* === Submenu (if any) === */
  .elementor-nav-menu--dropdown .sub-menu {
    background: #F8FAFC !important;
    border-radius: 10px !important;
    margin: 4px 8px 8px !important;
    padding: 4px !important;
  }
  
  .elementor-nav-menu--dropdown .sub-menu .elementor-sub-item {
    font-size: 13px !important;
    padding: 10px 16px 10px 50px !important;
    border-radius: 8px !important;
    border-bottom: none !important;
  }
}


/* ============================================================
   DESKTOP STYLES (≥ 1025px) — Horizontal Pill Nav
   ============================================================ */
@media (min-width: 1025px) {
  
  /* === Hide Hamburger on Desktop === */
  body .elementor-menu-toggle {
    display: none !important;
  }
  
  body .elementor-nav-menu--dropdown {
    display: none !important;
  }
  
  /* === Menu Container — Full Width === */
  body .elementor-widget-nav-menu .elementor-nav-menu__container,
  body .elementor-widget-nav-menu nav.elementor-nav-menu--main {
    width: 100% !important;
  }
  
  /* === UL Menu === */
  body .elementor-widget-nav-menu ul.elementor-nav-menu,
  body nav.elementor-nav-menu--main ul.elementor-nav-menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
  }
  
  /* === LI items === */
  body .elementor-widget-nav-menu ul.elementor-nav-menu > li {
    border-bottom: none !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: transparent !important;
  }
  
  /* === Menu Links — Pill Style === */
  body .elementor-widget-nav-menu ul.elementor-nav-menu > li > a.elementor-item,
  body nav.elementor-nav-menu--main ul.elementor-nav-menu > li > a.elementor-item {
    padding: 10px 18px !important;
    font-family: 'IBM Plex Sans Thai', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1A1A1A !important;
    border-radius: 100px !important;
    transition: all 0.2s ease !important;
    white-space: nowrap !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    background: transparent !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
  }
  
  /* === REMOVE Icon Box (mobile leftover) === */
  body .elementor-widget-nav-menu ul.elementor-nav-menu > li > a.elementor-item::before,
  body .elementor-widget-nav-menu ul.elementor-nav-menu > li > a.elementor-item::after,
  body .elementor-widget-nav-menu ul.elementor-nav-menu li::before,
  body .elementor-widget-nav-menu ul.elementor-nav-menu li::after,
  body nav.elementor-nav-menu--main li::before,
  body nav.elementor-nav-menu--main li::after,
  body nav.elementor-nav-menu--main li a::before,
  body nav.elementor-nav-menu--main li a::after {
    display: none !important;
    content: none !important;
    background: none !important;
    background-color: transparent !important;
    width: 0 !important;
    height: 0 !important;
    border: none !important;
    box-shadow: none !important;
  }
  
  /* === REMOVE Elementor's underline/pointer === */
  body .elementor-widget-nav-menu [class*="underline"],
  body .elementor-widget-nav-menu [class*="pointer"]::before,
  body .elementor-widget-nav-menu [class*="pointer"]::after {
    display: none !important;
    background: transparent !important;
  }
  
  /* === Hover State - Light Orange Pill === */
  body .elementor-widget-nav-menu ul.elementor-nav-menu > li > a.elementor-item:hover,
  body .elementor-widget-nav-menu ul.elementor-nav-menu > li > a.elementor-item:focus,
  body nav.elementor-nav-menu--main ul.elementor-nav-menu > li > a.elementor-item:hover {
    background: #FFF7ED !important;
    color: #FF7C1A !important;
    padding: 10px 18px !important;
  }
  
  /* === Active State - Solid Orange Pill === */
  body .elementor-widget-nav-menu ul.elementor-nav-menu > li > a.elementor-item.elementor-item-active,
  body .elementor-widget-nav-menu ul.elementor-nav-menu > li.current-menu-item > a.elementor-item,
  body nav.elementor-nav-menu--main ul.elementor-nav-menu > li > a.elementor-item-active {
    background: linear-gradient(135deg, #FF7C1A 0%, #EA7820 100%) !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 12px rgba(255,124,26,0.3) !important;
    padding: 10px 18px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d4a36e *//* ============================================================
   HEADER LAYOUT FIX - Logo Center (Match real structure)
   ============================================================ */

@media (max-width: 1024px) {
  
  /* === Make the ROW container relative === */
  body header .elementor-element-9bbbadb,
  body header .elementor-element[data-id="9bbbadb"],
  body header > .e-con .e-con > .e-con {
    position: relative !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
  }
  
  /* === LOGO - Absolute center === */
  body header .elementor-element-8f8555b,
  body header .elementor-element[data-id="8f8555b"],
  body header .elementor-widget-image {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    z-index: 1 !important;
  }
  
  /* === Logo image size === */
  body header .elementor-widget-image img {
    max-width: 140px !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
  }
  
  /* === Make Hamburger + Icons above logo === */
  body header .elementor-widget-nav-menu,
  body header .elementor-element[data-id="f3eaf7a"],
  body header .elementor-element[data-id="806fa01"] {
    position: relative !important;
    z-index: 2 !important;
  }
}/* End custom CSS */