.elementor-227 .elementor-element.elementor-element-0fc607a{--display:flex;--min-height:200px;--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:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-227 .elementor-element.elementor-element-f180721{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:100px;--padding-right:20px;}.elementor-227 .elementor-element.elementor-element-f180721:not(.elementor-motion-effects-element-type-background), .elementor-227 .elementor-element.elementor-element-f180721 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2B3C6B;}.elementor-widget-theme-site-logo .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-227 .elementor-element.elementor-element-d2d963b{text-align:end;}.elementor-227 .elementor-element.elementor-element-db55cca{--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:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--align-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-227 .elementor-element.elementor-element-3f62a45{width:100%;max-width:100%;}.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-227 .elementor-element.elementor-element-cf5e9ef{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 20px 20px 20px;--e-nav-menu-horizontal-menu-item-margin:calc( 10px / 2 );}.elementor-227 .elementor-element.elementor-element-cf5e9ef .elementor-menu-toggle{margin-right:auto;background-color:#2B3C6BA6;}.elementor-227 .elementor-element.elementor-element-cf5e9ef .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;line-height:26px;}.elementor-227 .elementor-element.elementor-element-cf5e9ef .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-top:0px;padding-bottom:0px;}.elementor-227 .elementor-element.elementor-element-cf5e9ef .elementor-nav-menu--main .elementor-item:hover,
					.elementor-227 .elementor-element.elementor-element-cf5e9ef .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-227 .elementor-element.elementor-element-cf5e9ef .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-227 .elementor-element.elementor-element-cf5e9ef .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-227 .elementor-element.elementor-element-cf5e9ef .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:10px;}.elementor-227 .elementor-element.elementor-element-cf5e9ef .elementor-nav-menu--dropdown a, .elementor-227 .elementor-element.elementor-element-cf5e9ef .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-227 .elementor-element.elementor-element-cf5e9ef .elementor-nav-menu--dropdown{background-color:#2B3C6B;}.elementor-227 .elementor-element.elementor-element-cf5e9ef .elementor-nav-menu--dropdown .elementor-item, .elementor-227 .elementor-element.elementor-element-cf5e9ef .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Roboto Slab", Sans-serif;font-weight:400;}.elementor-227 .elementor-element.elementor-element-cf5e9ef div.elementor-menu-toggle{color:#FFFFFF;}.elementor-227 .elementor-element.elementor-element-cf5e9ef div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-227 .elementor-element.elementor-element-edf22e4 .elementor-button{background-color:#2B3C6B;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-227 .elementor-element.elementor-element-c0cece4{--display:flex;--min-height:0px;--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:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-227 .elementor-element.elementor-element-c0cece4:not(.elementor-motion-effects-element-type-background), .elementor-227 .elementor-element.elementor-element-c0cece4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-227 .elementor-element.elementor-element-2526cf1{--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;}.elementor-227 .elementor-element.elementor-element-1511bb5 .elementor-menu-toggle{margin-left:auto;}.elementor-227 .elementor-element.elementor-element-1511bb5 .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-weight:600;}.elementor-227 .elementor-element.elementor-element-1511bb5 .elementor-nav-menu--main .elementor-item{color:#2B3C6B;fill:#2B3C6B;}.elementor-227 .elementor-element.elementor-element-1511bb5 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-227 .elementor-element.elementor-element-1511bb5 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-227 .elementor-element.elementor-element-1511bb5 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-227 .elementor-element.elementor-element-1511bb5 .elementor-nav-menu--main .elementor-item:focus{color:#2B3C6B;fill:#2B3C6B;}.elementor-227 .elementor-element.elementor-element-1511bb5 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-227 .elementor-element.elementor-element-1511bb5 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#2B3C6B;}.elementor-227 .elementor-element.elementor-element-1511bb5 .e--pointer-framed .elementor-item:before,
					.elementor-227 .elementor-element.elementor-element-1511bb5 .e--pointer-framed .elementor-item:after{border-color:#2B3C6B;}.elementor-227 .elementor-element.elementor-element-9427673 .elementor-button{background-color:#2B3C6B;font-family:"Inter", Sans-serif;font-weight:500;}.elementor-227 .elementor-element.elementor-element-bfbd1b9{--display:flex;--min-height:0px;--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:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-227 .elementor-element.elementor-element-bfbd1b9:not(.elementor-motion-effects-element-type-background), .elementor-227 .elementor-element.elementor-element-bfbd1b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-227 .elementor-element.elementor-element-2eff88d{--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;}.elementor-227 .elementor-element.elementor-element-5071556 .elementor-menu-toggle{margin-left:auto;}.elementor-227 .elementor-element.elementor-element-5071556 .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-weight:600;}.elementor-227 .elementor-element.elementor-element-5071556 .elementor-nav-menu--main .elementor-item{color:#2B3C6B;fill:#2B3C6B;}.elementor-227 .elementor-element.elementor-element-5071556 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-227 .elementor-element.elementor-element-5071556 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-227 .elementor-element.elementor-element-5071556 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-227 .elementor-element.elementor-element-5071556 .elementor-nav-menu--main .elementor-item:focus{color:#2B3C6B;fill:#2B3C6B;}.elementor-227 .elementor-element.elementor-element-5071556 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-227 .elementor-element.elementor-element-5071556 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#2B3C6B;}.elementor-227 .elementor-element.elementor-element-5071556 .e--pointer-framed .elementor-item:before,
					.elementor-227 .elementor-element.elementor-element-5071556 .e--pointer-framed .elementor-item:after{border-color:#2B3C6B;}.elementor-227 .elementor-element.elementor-element-14774e1 .elementor-button{background-color:#2B3C6B;font-family:"Inter", Sans-serif;font-weight:500;}.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-227 .elementor-element.elementor-element-0fc607a{--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-227 .elementor-element.elementor-element-d2d963b img{width:60%;}.elementor-227 .elementor-element.elementor-element-cf5e9ef .elementor-nav-menu--dropdown .elementor-item, .elementor-227 .elementor-element.elementor-element-cf5e9ef .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:18px;letter-spacing:1.4px;}.elementor-227 .elementor-element.elementor-element-cf5e9ef .elementor-nav-menu--dropdown a{padding-left:30px;padding-right:30px;padding-top:15px;padding-bottom:15px;}.elementor-227 .elementor-element.elementor-element-cf5e9ef .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-227 .elementor-element.elementor-element-cf5e9ef .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:77px !important;}}@media(max-width:767px){.elementor-227 .elementor-element.elementor-element-c0cece4{--min-height:0px;--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;--flex-wrap:nowrap;}.elementor-227 .elementor-element.elementor-element-2526cf1{--flex-direction:row-reverse;--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-reverse;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-227 .elementor-element.elementor-element-1511bb5{padding:0px 10px 0px 0px;}.elementor-227 .elementor-element.elementor-element-1511bb5.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-227 .elementor-element.elementor-element-bfbd1b9{--min-height:0px;--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;--flex-wrap:nowrap;--padding-top:15px;--padding-bottom:15px;--padding-left:20px;--padding-right:20px;--z-index:9999;}.elementor-227 .elementor-element.elementor-element-8697d0f img{width:100px;}.elementor-227 .elementor-element.elementor-element-2eff88d{--flex-direction:row-reverse;--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-reverse;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-227 .elementor-element.elementor-element-5071556{padding:0px 10px 0px 0px;}.elementor-227 .elementor-element.elementor-element-5071556.elementor-element{--flex-grow:1;--flex-shrink:0;}}@media(min-width:768px){.elementor-227 .elementor-element.elementor-element-f180721{--content-width:200px;}}/* Start custom CSS for container, class: .elementor-element-f180721 */.elementor-227 .elementor-element.elementor-element-f180721 {
  flex: 0 0 320px;
  max-width: 320px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3f62a45 */.sy-header-main .elementor-nav-menu a {
  transition: all .3s ease;
  position: relative;
}

.sy-header-main .elementor-nav-menu a:hover {
  transform: translateX(-16px);
}

.sy-header-main .elementor-nav-menu a:hover:after {
  width: 100%;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-cf5e9ef */.sy-header-main .sy-menu .elementor-nav-menu > li > a {
  font-weight: 600 !important;
}

.sy-header-main .sy-menu .elementor-nav-menu > li:nth-child(1) > a {
  font-size: 32px !important;
}

.sy-header-main .sy-menu .elementor-nav-menu > li:nth-child(2) > a {
  font-size: 28px !important;
}

.sy-header-main .sy-menu .elementor-nav-menu > li:nth-child(3) > a {
  font-size: 24px !important;
}

.sy-header-main .sy-menu .elementor-nav-menu > li:nth-child(4) > a {
  font-size: 20px !important;
}

.sy-header-main .sy-menu .elementor-nav-menu > li > a {
  transition: all .3s ease;
}


body.scrolled-2 .systruct-menu-new-1{
    /*background: #2B3C6B;*/
}

body.dark-text .elementor-227 .elementor-element.elementor-element-cf5e9ef a{
    color : #000 !important;
}

.elementor-227 .elementor-element.elementor-element-cf5e9ef a.elementor-item-active{
    font-weight: 600 !important;
    font-size: 24px !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-edf22e4 */.elementor-227 .elementor-element.elementor-element-edf22e4 a{
    width :50px;
    height: 50px;
    background: #2B3C6B;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.elementor-227 .elementor-element.elementor-element-edf22e4 svg{
    width: 24px;
    height: auto;
}

.elementor-227 .elementor-element.elementor-element-edf22e4 a > span{
    transition: all 0.3s ease;
}

.elementor-227 .elementor-element.elementor-element-edf22e4.custom-header-menu-active a > span{
    transform: rotate(45deg);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db55cca */.sy-header-main .sy-menu{
  position: relative;
  padding-right: 60px;
  text-align: right;
}

.sy-header-main .sy-menu .sy-plus{
  position: absolute;
  top: 16px;
  right: 0px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  transition: transform .3s ease, opacity .3s ease;
  opacity: 1;
}

.sy-header-main .sy-menu .sy-plus::before,
.sy-header-main .sy-menu .sy-plus::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:40px;
  height:2px;
  background:#fff;
  transform:translate(-50%,-50%);
  border-radius:2px;
}
.sy-header-main .sy-menu .sy-plus::after{
  transform:translate(-50%,-50%) rotate(90deg);
}

.sy-header-main .sy-menu:hover .sy-plus{
  transform: rotate(90deg);
  opacity: 1;
}

.elementor-227 .elementor-element.elementor-element-db55cca {
    transition: mix-blend-mode 0.3s ease;
}


@media (max-width: 767px){
  .sy-header-main .sy-menu{ padding-right: 52px; }
  .sy-header-main .sy-menu .elementor-nav-menu > li:first-child > a{ font-size: 40px; }
  .sy-header-main .sy-menu .elementor-nav-menu > li:not(:first-child) > a{ font-size: 24px; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0fc607a */body.sy-sticky-on .sy-header-main{
  opacity: 1;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .2s ease;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7f55c95 */.elementor-227 .elementor-element.elementor-element-7f55c95 {
    display: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c0cece4 *//* hide sticky on reload */
.sy-header-sticky{
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 99999;

  opacity: 0;
  visibility: hidden;
  transform: translateY(-12px);
  transition: opacity .25s ease, transform .25s ease, visibility .25s ease;
}

/* อย่าตัด dropdown */
.sy-header-sticky,
.sy-header-sticky *{
  overflow: visible !important;
}

/* toggle ให้อยู่หน้าสุด */
.sy-header-sticky .elementor-menu-toggle{
  position: relative;
  z-index: 999999 !important;
}

/* dropdown ให้อยู่หน้าสุด */
.sy-header-sticky .elementor-nav-menu--dropdown{
  position: relative;
  z-index: 999999 !important;
}

/* active for show sticky */
body.sy-sticky-on .sy-header-sticky{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* active for hide header normal */
body.sy-sticky-on .sy-header-main{
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .2s ease, visibility .2s ease;
}

/* ✅ สำคัญ: บังคับให้ dropdown กางเมื่อ hamburger active */
.sy-header-sticky .elementor-menu-toggle.elementor-active
+ .elementor-nav-menu__container{
  max-height: 0 !important;
  overflow: visible !important;
  transform: none !important;
}

/* กัน dropdown มองไม่เห็นเพราะพื้นหลังโปร่ง */
.sy-header-sticky .elementor-nav-menu__container .elementor-nav-menu{
  background: #fff;
}

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

  /* hide Header normal */
  .sy-header-main{
    display: none !important;
  }

  /* show Sticky only */
  .sy-header-sticky{
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
  }

  /* ✅ สำคัญ: ทำให้ dropdown วางตำแหน่งถูกต้องใน sticky */
  .sy-header-sticky .elementor-nav-menu__container{
    position: static !important;
  }
}

@media (max-width: 767px){
  .sy-header-sticky .sy-plus{
    pointer-events: none;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bfbd1b9 */.elementor-227 .elementor-element.elementor-element-bfbd1b9{
    position: sticky !important;
    top: 0;
}/* End custom CSS */
/* Start custom CSS */header{
    position: sticky;
    top: 0;
    z-index: 99;
}/* End custom CSS */