.elementor-31284 .elementor-element.elementor-element-373694c{--display:flex;--min-height:400px;--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:flex-start;--gap:8px 0px;--row-gap:8px;--column-gap:0px;--overlay-opacity:0.4;--border-radius:0px 0px 32px 32px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:154px;--padding-bottom:40px;--padding-left:48px;--padding-right:48px;}.elementor-31284 .elementor-element.elementor-element-373694c::before, .elementor-31284 .elementor-element.elementor-element-373694c > .elementor-background-video-container::before, .elementor-31284 .elementor-element.elementor-element-373694c > .e-con-inner > .elementor-background-video-container::before, .elementor-31284 .elementor-element.elementor-element-373694c > .elementor-background-slideshow::before, .elementor-31284 .elementor-element.elementor-element-373694c > .e-con-inner > .elementor-background-slideshow::before, .elementor-31284 .elementor-element.elementor-element-373694c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-31284 .elementor-element.elementor-element-8168bfe .jet-breadcrumbs{text-align:left;}.elementor-31284 .elementor-element.elementor-element-8168bfe .jet-breadcrumbs__item > *{font-family:var( --e-global-typography-11360a6-font-family ), Sans-serif;font-size:var( --e-global-typography-11360a6-font-size );font-weight:var( --e-global-typography-11360a6-font-weight );}.elementor-31284 .elementor-element.elementor-element-8168bfe .jet-breadcrumbs__item-link{color:var( --e-global-color-accent );}.elementor-31284 .elementor-element.elementor-element-8168bfe .jet-breadcrumbs__item-target{font-family:var( --e-global-typography-11360a6-font-family ), Sans-serif;font-size:var( --e-global-typography-11360a6-font-size );font-weight:var( --e-global-typography-11360a6-font-weight );color:var( --e-global-color-accent );}.elementor-31284 .elementor-element.elementor-element-8168bfe .jet-breadcrumbs__item-sep{color:var( --e-global-color-accent );}.elementor-31284 .elementor-element.elementor-element-397e5eb .elementor-heading-title{font-family:var( --e-global-typography-3061893-font-family ), Sans-serif;font-size:var( --e-global-typography-3061893-font-size );font-weight:var( --e-global-typography-3061893-font-weight );line-height:var( --e-global-typography-3061893-line-height );color:var( --e-global-color-accent );}.elementor-31284 .elementor-element.elementor-element-27fc97b{--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;--border-radius:0px 0px 0px 0px;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-31284 .elementor-element.elementor-element-a31fb7c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31284 .elementor-element.elementor-element-4144c78 .jet-nav--horizontal{justify-content:flex-start;text-align:left;}.elementor-31284 .elementor-element.elementor-element-4144c78 .jet-nav--vertical .menu-item-link-top{justify-content:flex-start;text-align:left;}.elementor-31284 .elementor-element.elementor-element-4144c78 .jet-nav--vertical-sub-bottom .menu-item-link-sub{justify-content:flex-start;text-align:left;}.elementor-31284 .elementor-element.elementor-element-4144c78 .jet-mobile-menu.jet-mobile-menu-trigger-active .menu-item-link{justify-content:flex-start;text-align:left;}.elementor-31284 .elementor-element.elementor-element-4144c78 .menu-item-link-top{background-color:var( --e-global-color-accent );color:var( --e-global-color-primary );}.elementor-31284 .elementor-element.elementor-element-4144c78 .menu-item-link-top .jet-nav-link-text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-31284 .elementor-element.elementor-element-4144c78 .menu-item:hover > .menu-item-link-top{background-color:var( --e-global-color-secondary );color:var( --e-global-color-accent );}.elementor-31284 .elementor-element.elementor-element-4144c78 .menu-item.current-menu-item .menu-item-link-top{background-color:var( --e-global-color-secondary );color:var( --e-global-color-accent );}.elementor-31284 .elementor-element.elementor-element-4144c78 .jet-nav__mobile-trigger{background-color:var( --e-global-color-secondary );color:var( --e-global-color-accent );border-radius:40px 40px 40px 40px;width:100%;}.elementor-31284 .elementor-element.elementor-element-4144c78 .jet-nav__mobile-trigger:hover{background-color:var( --e-global-color-accent );color:var( --e-global-color-secondary );}.elementor-31284 .elementor-element.elementor-element-4144c78 .jet-mobile-menu-active .jet-nav{background-color:var( --e-global-color-accent );}.elementor-31284 .elementor-element.elementor-element-4144c78 .jet-nav-wrap.jet-mobile-menu-active .jet-nav > .menu-item > .menu-item-link-top{background-color:var( --e-global-color-accent );}.elementor-31284 .elementor-element.elementor-element-4144c78 .jet-mobile-menu-active.jet-mobile-menu-active .jet-nav{box-shadow:0px 4px 14px 0px rgba(0, 0, 0, 0.14);}.elementor-31284 .elementor-element.elementor-element-4282014{z-index:1;}.elementor-31284 .elementor-element.elementor-element-4282014 .elementor-nav-menu .elementor-item{font-family:"Prompt", Sans-serif;font-size:16px;font-weight:500;}.elementor-31284 .elementor-element.elementor-element-4282014 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-top:18px;padding-bottom:18px;}.elementor-31284 .elementor-element.elementor-element-4282014 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-31284 .elementor-element.elementor-element-4282014 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-31284 .elementor-element.elementor-element-4282014 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-31284 .elementor-element.elementor-element-4282014 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-31284 .elementor-element.elementor-element-4282014 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-accent );}.elementor-31284 .elementor-element.elementor-element-26019f8{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:24px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-31284 .elementor-element.elementor-element-54054a2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1440px){.elementor-31284 .elementor-element.elementor-element-8168bfe .jet-breadcrumbs__item > *{font-size:var( --e-global-typography-11360a6-font-size );}.elementor-31284 .elementor-element.elementor-element-8168bfe .jet-breadcrumbs__item-target{font-size:var( --e-global-typography-11360a6-font-size );}.elementor-31284 .elementor-element.elementor-element-397e5eb .elementor-heading-title{font-size:var( --e-global-typography-3061893-font-size );line-height:var( --e-global-typography-3061893-line-height );}.elementor-31284 .elementor-element.elementor-element-26019f8{--padding-top:24px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-31284 .elementor-element.elementor-element-373694c{--min-height:356px;--border-radius:0px 0px 24px 24px;--padding-top:124px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-31284 .elementor-element.elementor-element-8168bfe .jet-breadcrumbs__item > *{font-size:var( --e-global-typography-11360a6-font-size );}.elementor-31284 .elementor-element.elementor-element-8168bfe .jet-breadcrumbs__item-target{font-size:var( --e-global-typography-11360a6-font-size );}.elementor-31284 .elementor-element.elementor-element-397e5eb .elementor-heading-title{font-size:var( --e-global-typography-3061893-font-size );line-height:var( --e-global-typography-3061893-line-height );}}@media(max-width:599px){.elementor-31284 .elementor-element.elementor-element-373694c{--min-height:314px;--border-radius:0px 0px 20px 20px;}.elementor-31284 .elementor-element.elementor-element-27fc97b{--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-31284 .elementor-element.elementor-element-4282014 .elementor-nav-menu--main .elementor-item{padding-left:6px;padding-right:6px;padding-top:14px;padding-bottom:14px;}.elementor-31284 .elementor-element.elementor-element-26019f8{--padding-top:24px;--padding-bottom:32px;--padding-left:0px;--padding-right:0px;}}@media(max-width:480px){.elementor-31284 .elementor-element.elementor-element-373694c{--min-height:264px;--border-radius:0px 0px 18px 18px;--padding-top:108px;--padding-bottom:40px;--padding-left:16px;--padding-right:16px;}.elementor-31284 .elementor-element.elementor-element-8168bfe .jet-breadcrumbs__item > *{font-size:var( --e-global-typography-11360a6-font-size );}.elementor-31284 .elementor-element.elementor-element-8168bfe .jet-breadcrumbs__item-target{font-size:var( --e-global-typography-11360a6-font-size );}.elementor-31284 .elementor-element.elementor-element-8168bfe .jet-breadcrumbs__item-sep{font-size:12px;}.elementor-31284 .elementor-element.elementor-element-397e5eb .elementor-heading-title{font-size:var( --e-global-typography-3061893-font-size );line-height:var( --e-global-typography-3061893-line-height );}.elementor-31284 .elementor-element.elementor-element-27fc97b{--justify-content:center;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-31284 .elementor-element.elementor-element-a31fb7c{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-31284 .elementor-element.elementor-element-4144c78 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-31284 .elementor-element.elementor-element-4282014 .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-31284 .elementor-element.elementor-element-26019f8{--content-width:90%;--padding-top:16px;--padding-bottom:32px;--padding-left:0px;--padding-right:0px;}}@media(min-width:481px){.elementor-31284 .elementor-element.elementor-element-a31fb7c{--width:100%;}.elementor-31284 .elementor-element.elementor-element-54054a2{--width:100%;}}@media(max-width:1440px) and (min-width:481px){.elementor-31284 .elementor-element.elementor-element-26019f8{--content-width:972px;}}@media(max-width:767px) and (min-width:481px){.elementor-31284 .elementor-element.elementor-element-26019f8{--content-width:88%;}}@media(max-width:599px) and (min-width:481px){.elementor-31284 .elementor-element.elementor-element-26019f8{--content-width:90%;}}/* Start custom CSS for container, class: .elementor-element-373694c */.header-page {
    background: linear-gradient(to right, 
        #192768 0%, 
        #192768 50%,   /* สีแรกใช้พื้นที่ 70% */
        #823972 70%,  /* สีที่สองใช้พื้นที่น้อย (5%) */
        #E5775A 100%  /* สีที่สามใช้พื้นที่ที่เหลือ */
    );
}

.header-page {
    background: linear-gradient(to right, 
        #192768 0%, 
        #192768 50%,   /* สีแรกใช้พื้นที่ 70% */
        #823972 70%,  /* สีที่สองใช้พื้นที่น้อย (5%) */
        #E5775A 100%  /* สีที่สามใช้พื้นที่ที่เหลือ */
    );
}/* End custom CSS */
/* Start custom CSS for jet-nav-menu, class: .elementor-element-4144c78 *//* ใช้ฟอนต์ Prompt */
body {
    font-family: 'Prompt', sans-serif;
}

.jet-nav__mobile-trigger.jet-nav-mobile-trigger-align-center{
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out; /* Smooth transition for hover effect */
}

/* ปรับให้ข้อความอยู่ซ้ายและไอคอนอยู่ขวา */
.jet-nav__mobile-trigger-open,
.jet-nav__mobile-trigger-close {
    display: flex;
    justify-content: space-between; /* แยกข้อความและไอคอนให้สุดขอบ */
    align-items: center;
}

.jet-nav__mobile-trigger-open i,
.jet-nav__mobile-trigger-close i {
    margin-left: 10px; /* ให้มีระยะห่างจากข้อความ */
}

/* เพิ่มการปรับแต่งให้สวยงาม */
.jet-nav__mobile-trigger-open,
.jet-nav__mobile-trigger-close {
    font-size: 16px;
    cursor: pointer;
    width: 100%; /* เพื่อให้ flex ทำงานได้เต็มที่ */
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-4282014 *//* Style the navigation menu */
.elementor-31284 .elementor-element.elementor-element-4282014 .elementor-nav-menu {
    text-align: center; /* Center the menu */
    padding: 0; /* Remove default padding */
    margin: 0; /* Remove default margin */
}

/* Style each menu item */
.elementor-31284 .elementor-element.elementor-element-4282014 .elementor-nav-menu .menu-item {
    display: inline-block; /* Display menu items in a row */
    margin: 6px; /* Space between menu items */
}

.elementor-31284 .elementor-element.elementor-element-4282014 .elementor-nav-menu .menu-item a {
    background-color: white; /* Set the button background color */
    color: #192768; /* Set the text color */
    font-size: 16px; /* Set font size */
    padding: 14px 24px; /* Set padding for buttons */
    text-decoration: none; /* Remove underline */
    border-radius: 32px; /* Rounded corners */
    transition: all 0.3s ease-in-out; /* Smooth transition for hover effect */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Hover effect */
.elementor-31284 .elementor-element.elementor-element-4282014 .elementor-nav-menu .menu-item a:hover {
    background-color: #E5775A; /* Darker background color on hover */
    color: white !important;
    transform: scale(1.05); /* Slightly enlarge on hover */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow on hover */
}

.elementor-31284 .elementor-element.elementor-element-4282014 a.elementor-item.elementor-item-active{
    background-color: #E5775A !important;
}/* End custom CSS */