.elementor-39720 .elementor-element.elementor-element-d7ebd37{--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:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:60px;--padding-right:60px;--z-index:3;}.elementor-39720 .elementor-element.elementor-element-d7ebd37:not(.elementor-motion-effects-element-type-background), .elementor-39720 .elementor-element.elementor-element-d7ebd37 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#18000000;}.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-39720 .elementor-element.elementor-element-69b12b3 img{width:100%;height:50px;object-fit:cover;object-position:center center;}.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-39720 .elementor-element.elementor-element-c4855e1 .elementor-button{background-color:#FFFFFF47;font-family:"Clash Grotesk", Sans-serif;font-size:16px;font-weight:500;line-height:1.4em;fill:#FFFFFF;color:#FFFFFF;}.elementor-39720 .elementor-element.elementor-element-c4855e1{z-index:9;}.elementor-39720 .elementor-element.elementor-element-c4855e1 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-39720 .elementor-element.elementor-element-c4855e1 .elementor-button .elementor-button-content-wrapper{gap:9px;}.elementor-39720 .elementor-element.elementor-element-129ed11 .elementskit-menu-container{background-color:#DD1F1F00;height:0px;border-radius:0px 0px 0px 0px;}.elementor-39720 .elementor-element.elementor-element-129ed11{width:100%;max-width:100%;top:15px;z-index:9;}.elementor-39720 .elementor-element.elementor-element-129ed11.elementor-element{--align-self:center;}body:not(.rtl) .elementor-39720 .elementor-element.elementor-element-129ed11{left:0px;}body.rtl .elementor-39720 .elementor-element.elementor-element-129ed11{right:0px;}.elementor-39720 .elementor-element.elementor-element-129ed11 .elementskit-navbar-nav > li > a{font-family:var( --e-global-typography-cc877f8-font-family ), Sans-serif;font-size:var( --e-global-typography-cc877f8-font-size );font-weight:var( --e-global-typography-cc877f8-font-weight );line-height:var( --e-global-typography-cc877f8-line-height );letter-spacing:var( --e-global-typography-cc877f8-letter-spacing );word-spacing:var( --e-global-typography-cc877f8-word-spacing );color:#FFFFFF;padding:0px 15px 0px 15px;}.elementor-39720 .elementor-element.elementor-element-129ed11 .elementskit-navbar-nav > li > a:hover{color:#707070;}.elementor-39720 .elementor-element.elementor-element-129ed11 .elementskit-navbar-nav > li > a:focus{color:#707070;}.elementor-39720 .elementor-element.elementor-element-129ed11 .elementskit-navbar-nav > li > a:active{color:#707070;}.elementor-39720 .elementor-element.elementor-element-129ed11 .elementskit-navbar-nav > li:hover > a{color:#707070;}.elementor-39720 .elementor-element.elementor-element-129ed11 .elementskit-navbar-nav > li:hover > a .elementskit-submenu-indicator{color:#707070;}.elementor-39720 .elementor-element.elementor-element-129ed11 .elementskit-navbar-nav > li > a:hover .elementskit-submenu-indicator{color:#707070;}.elementor-39720 .elementor-element.elementor-element-129ed11 .elementskit-navbar-nav > li > a:focus .elementskit-submenu-indicator{color:#707070;}.elementor-39720 .elementor-element.elementor-element-129ed11 .elementskit-navbar-nav > li > a:active .elementskit-submenu-indicator{color:#707070;}.elementor-39720 .elementor-element.elementor-element-129ed11 .elementskit-navbar-nav > li.current-menu-item > a{color:#707070;}.elementor-39720 .elementor-element.elementor-element-129ed11 .elementskit-navbar-nav > li.current-menu-ancestor > a{color:#707070;}.elementor-39720 .elementor-element.elementor-element-129ed11 .elementskit-navbar-nav > li.current-menu-ancestor > a .elementskit-submenu-indicator{color:#707070;}.elementor-39720 .elementor-element.elementor-element-129ed11 .elementskit-navbar-nav > li > a .elementskit-submenu-indicator{color:#101010;fill:#101010;}.elementor-39720 .elementor-element.elementor-element-129ed11 .elementskit-navbar-nav > li > a .ekit-submenu-indicator-icon{color:#101010;fill:#101010;}.elementor-39720 .elementor-element.elementor-element-129ed11 .elementskit-navbar-nav .elementskit-submenu-panel > li > a{padding:15px 15px 15px 15px;color:#000000;}.elementor-39720 .elementor-element.elementor-element-129ed11 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:hover{color:#707070;}.elementor-39720 .elementor-element.elementor-element-129ed11 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:focus{color:#707070;}.elementor-39720 .elementor-element.elementor-element-129ed11 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:active{color:#707070;}.elementor-39720 .elementor-element.elementor-element-129ed11 .elementskit-navbar-nav .elementskit-submenu-panel > li:hover > a{color:#707070;}.elementor-39720 .elementor-element.elementor-element-129ed11 .elementskit-navbar-nav .elementskit-submenu-panel > li.current-menu-item > a{color:#707070 !important;}.elementor-39720 .elementor-element.elementor-element-129ed11 .elementskit-submenu-panel{padding:15px 0px 15px 0px;}.elementor-39720 .elementor-element.elementor-element-129ed11 .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;min-width:220px;}.elementor-39720 .elementor-element.elementor-element-129ed11 button.elementskit-menu-hamburger{float:right;}.elementor-39720 .elementor-element.elementor-element-129ed11 button.elementskit-menu-hamburger .elementskit-menu-hamburger-icon{background-color:rgba(0, 0, 0, 0.5);}.elementor-39720 .elementor-element.elementor-element-129ed11 button.elementskit-menu-hamburger > .ekit-menu-icon{color:rgba(0, 0, 0, 0.5);}.elementor-39720 .elementor-element.elementor-element-129ed11 button.elementskit-menu-hamburger:hover .elementskit-menu-hamburger-icon{background-color:rgba(0, 0, 0, 0.5);}.elementor-39720 .elementor-element.elementor-element-129ed11 button.elementskit-menu-hamburger:hover > .ekit-menu-icon{color:rgba(0, 0, 0, 0.5);}.elementor-39720 .elementor-element.elementor-element-129ed11 button.elementskit-menu-close{color:rgba(51, 51, 51, 1);}.elementor-39720 .elementor-element.elementor-element-129ed11 button.elementskit-menu-close:hover{color:rgba(0, 0, 0, 0.5);}.elementor-39720 .elementor-element.elementor-element-3edf549{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-39720 .elementor-element.elementor-element-c276c54 .elementor-button{background-color:#FFFFFF;font-family:"Clash Grotesk", Sans-serif;font-size:16px;font-weight:500;line-height:1em;fill:#000000;color:#000000;border-radius:12px 12px 12px 12px;padding:16px 13px 16px 13px;}.elementor-39720 .elementor-element.elementor-element-c276c54 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-39720 .elementor-element.elementor-element-262f4a5 .elementor-button{background-color:#FFFFFF4D;font-family:"Clash Grotesk", Sans-serif;font-size:16px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:12px 12px 12px 12px;padding:18px 13px 18px 13px;}.elementor-39720 .elementor-element.elementor-element-262f4a5 .elementor-button:hover, .elementor-39720 .elementor-element.elementor-element-262f4a5 .elementor-button:focus{background-color:#FFFFFF69;}.elementor-39720 .elementor-element.elementor-element-884f8b4{--display:flex;--position:absolute;--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;--align-items:center;--padding-top:20px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;top:0px;--z-index:2;}body:not(.rtl) .elementor-39720 .elementor-element.elementor-element-884f8b4{left:0px;}body.rtl .elementor-39720 .elementor-element.elementor-element-884f8b4{right:0px;}.elementor-39720 .elementor-element.elementor-element-8797a86{--display:flex;--min-height:85px;--border-radius:12px 12px 12px 12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-39720 .elementor-element.elementor-element-8797a86:not(.elementor-motion-effects-element-type-background), .elementor-39720 .elementor-element.elementor-element-8797a86 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0000007A;}@media(min-width:768px){.elementor-39720 .elementor-element.elementor-element-3edf549{--width:90%;}}@media(max-width:1441px){.elementor-39720 .elementor-element.elementor-element-129ed11 .elementskit-navbar-nav > li > a{font-size:var( --e-global-typography-cc877f8-font-size );line-height:var( --e-global-typography-cc877f8-line-height );letter-spacing:var( --e-global-typography-cc877f8-letter-spacing );word-spacing:var( --e-global-typography-cc877f8-word-spacing );}}@media(max-width:1024px){.elementor-39720 .elementor-element.elementor-element-d7ebd37{--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;--margin-top:0px;--margin-bottom:-60px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-39720 .elementor-element.elementor-element-69b12b3{width:auto;max-width:auto;}.elementor-39720 .elementor-element.elementor-element-69b12b3 img{width:100%;max-width:166px;height:50px;}.elementor-39720 .elementor-element.elementor-element-c4855e1{width:auto;max-width:auto;}.elementor-39720 .elementor-element.elementor-element-c4855e1.elementor-element{--align-self:center;}.elementor-39720 .elementor-element.elementor-element-c4855e1 .elementor-button{border-radius:12px 12px 12px 12px;padding:15px 20px 15px 15px;}.elementor-39720 .elementor-element.elementor-element-129ed11 .elementskit-nav-identity-panel{padding:10px 0px 10px 0px;}.elementor-39720 .elementor-element.elementor-element-129ed11 .elementskit-menu-container{max-width:350px;border-radius:0px 0px 0px 0px;}.elementor-39720 .elementor-element.elementor-element-129ed11 .elementskit-navbar-nav > li > a{font-size:var( --e-global-typography-cc877f8-font-size );line-height:var( --e-global-typography-cc877f8-line-height );letter-spacing:var( --e-global-typography-cc877f8-letter-spacing );word-spacing:var( --e-global-typography-cc877f8-word-spacing );color:#000000;padding:10px 15px 10px 15px;}.elementor-39720 .elementor-element.elementor-element-129ed11 .elementskit-navbar-nav .elementskit-submenu-panel > li > a{padding:15px 15px 15px 15px;}.elementor-39720 .elementor-element.elementor-element-129ed11 .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;}.elementor-39720 .elementor-element.elementor-element-129ed11 button.elementskit-menu-hamburger{padding:8px 8px 8px 8px;width:45px;border-radius:3px;}.elementor-39720 .elementor-element.elementor-element-129ed11 button.elementskit-menu-close{padding:8px 8px 8px 8px;margin:12px 12px 12px 12px;width:45px;border-radius:3px;}.elementor-39720 .elementor-element.elementor-element-129ed11 .elementskit-nav-logo > img{max-width:160px;max-height:60px;}.elementor-39720 .elementor-element.elementor-element-129ed11 .elementskit-nav-logo{margin:5px 0px 5px 0px;padding:5px 5px 5px 5px;}.elementor-39720 .elementor-element.elementor-element-884f8b4{--padding-top:20px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-39720 .elementor-element.elementor-element-69b12b3 img{max-width:126px;object-fit:contain;}.elementor-39720 .elementor-element.elementor-element-129ed11 .elementskit-navbar-nav > li > a{font-size:var( --e-global-typography-cc877f8-font-size );line-height:var( --e-global-typography-cc877f8-line-height );letter-spacing:var( --e-global-typography-cc877f8-letter-spacing );word-spacing:var( --e-global-typography-cc877f8-word-spacing );}.elementor-39720 .elementor-element.elementor-element-129ed11 .elementskit-nav-logo > img{max-width:120px;max-height:50px;}}/* Start custom CSS for button, class: .elementor-element-c4855e1 */.elementor-39720 .elementor-element.elementor-element-c4855e1 svg{
    width: 6px;
    height: auto;
}
@media screen and (min-width:1320px) {
.menu-button-laptop-mobile {
display:none;
}
}
@media screen and (max-width:1320px) {
.menu-button-laptop-mobile {
display:flex !important;
}
}
@media screen and (max-width:1320px) {
.menu-main-desktop {
display:none ;
}
}/* End custom CSS */
/* Start custom CSS for ekit-nav-menu, class: .elementor-element-129ed11 *//* --- 1. จัดการไอคอนในสถานะปกติ --- */
.ekit-wid-con .icon.icon-down-arrow1::before,
.icon.icon-down-arrow1::before {
    content: "" !important; /* ลบ font เดิม */
    display: inline-block;
    width: 12px;  /* ปรับขนาดตามต้องการ */
    height: 12px; /* ปรับขนาดตามต้องการ */
    
    /* ใช้ Mask เพื่อให้เปลี่ยนสีได้ */
    -webkit-mask-image: url('/wp-content/uploads/2026/04/Dropdown-submenu.svg');
    mask-image: url('/wp-content/uploads/2026/04/Dropdown-submenu.svg');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    
    /* สีเริ่มต้นของไอคอน (ปรับเปลี่ยนได้ตามต้องการ) */
    background-color: #fff; 
    
    vertical-align: middle;
    margin-left: 5px;
    
    /* เพิ่ม Transition เพื่อให้ตอนเปลี่ยนสีดูนุ่มนวล */
    transition: background-color 0.3s ease; 
}

/* --- 2. จัดการไอคอนเมื่อมีการ Hover ที่ List Menu --- */
/* เมื่อเอาเมาส์ไปชี้ที่ 'li' (รายการเมนู) ให้เปลี่ยนสี background-color ของไอคอน ::before ข้างใน */
.elementskit-menu-container li:hover > a .icon.icon-down-arrow1::before,
.ekit-wid-con li:hover > a .icon.icon-down-arrow1::before {
    background-color: #707070 !important; /* สีเมื่อ Hover ตามที่คุณต้องการ */
}



/* =========================
   Default Style
========================= */

 
/*.page-id-40787 .menu-item a,*/
/*.page-id-40779 .menu-item a,*/
/*.page-id-40779 span.elementor-button-text{*/
/*    color: #000 !important;*/
/*}*/


/*.page-id-40787 .ekit-wid-con .icon.icon-down-arrow1::before,*/
/*.page-id-40787 .icon.icon-down-arrow1::before,*/
/*.page-id-40779 .ekit-wid-con .icon.icon-down-arrow1::before,*/
/*.page-id-40779 .icon.icon-down-arrow1::before {*/
/*    background-color: #000 !important;*/
/*}*//* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-262f4a5 */.elementor-39720 .elementor-element.elementor-element-262f4a5 svg {
    width: auto;
    height: 14px;
}
.elementor-39720 .elementor-element.elementor-element-262f4a5 {
     backdrop-filter: blur(12px);
     border-radius: 12px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d7ebd37 */.elementor-39720 .elementor-element.elementor-element-d7ebd37 {
    transform: translateY(35px);
    z-index: 3;
}

.page-id-5849 .elementor-39720 .elementor-element.elementor-element-d7ebd37{
    margin-bottom: -60px;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Clash Grotesk';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://bangtaomuaythai.com/wp-content/uploads/2026/04/ClashGrotesk-Variable.woff2') format('woff2');
}
@font-face {
	font-family: 'Clash Grotesk';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://bangtaomuaythai.com/wp-content/uploads/2026/04/ClashGrotesk-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Clash Grotesk';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://bangtaomuaythai.com/wp-content/uploads/2026/04/ClashGrotesk-Extralight.woff2') format('woff2');
}
@font-face {
	font-family: 'Clash Grotesk';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://bangtaomuaythai.com/wp-content/uploads/2026/04/ClashGrotesk-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Clash Grotesk';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://bangtaomuaythai.com/wp-content/uploads/2026/04/ClashGrotesk-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Clash Grotesk';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://bangtaomuaythai.com/wp-content/uploads/2026/04/ClashGrotesk-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Clash Grotesk';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://bangtaomuaythai.com/wp-content/uploads/2026/04/ClashGrotesk-Semibold.woff2') format('woff2');
}
/* End Custom Fonts CSS */