.elementor-1569 .elementor-element.elementor-element-55c5f73{--display:flex;--min-height:70px;--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;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:999;}.elementor-1569 .elementor-element.elementor-element-55c5f73:not(.elementor-motion-effects-element-type-background), .elementor-1569 .elementor-element.elementor-element-55c5f73 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-1569 .elementor-element.elementor-element-181eb7c{--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:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-1569 .elementor-element.elementor-element-d8b093f{padding:0px 0px 0px 0px;text-align:start;}.elementor-1569 .elementor-element.elementor-element-d8b093f img{width:150px;}.elementor-1569 .elementor-element.elementor-element-efa6f8e{padding:0px 0px 0px 0px;text-align:start;}.elementor-1569 .elementor-element.elementor-element-efa6f8e img{width:150px;}.elementor-1569 .elementor-element.elementor-element-afdb2f3{--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:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-1569 .elementor-element.elementor-element-7b79de9 .elementor-menu-toggle{margin:0 auto;}.elementor-1569 .elementor-element.elementor-element-7b79de9 .elementor-nav-menu .elementor-item{font-family:"Prompt", Sans-serif;font-size:1rem;font-weight:300;}.elementor-1569 .elementor-element.elementor-element-7b79de9 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-clyde_deep_navy );fill:var( --e-global-color-clyde_deep_navy );}.elementor-1569 .elementor-element.elementor-element-7b79de9 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-1569 .elementor-element.elementor-element-7b79de9 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-1569 .elementor-element.elementor-element-7b79de9 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-1569 .elementor-element.elementor-element-7b79de9 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-andaman_teal );fill:var( --e-global-color-andaman_teal );}.elementor-1569 .elementor-element.elementor-element-7b79de9 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-seafoam_light );border-radius:25px 25px 25px 25px;}.elementor-1569 .elementor-element.elementor-element-7b79de9 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:25px;border-top-right-radius:25px;}.elementor-1569 .elementor-element.elementor-element-7b79de9 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:25px;border-bottom-left-radius:25px;}.elementor-1569 .elementor-element.elementor-element-7b79de9 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-1569 .elementor-element.elementor-element-7b79de9 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:10px !important;}.elementor-1569 .elementor-element.elementor-element-4dfb30c{--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:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-1569 .elementor-element.elementor-element-753b220 .elementor-icon-wrapper{text-align:center;}.elementor-1569 .elementor-element.elementor-element-753b220.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-andaman_teal );}.elementor-1569 .elementor-element.elementor-element-753b220.elementor-view-framed .elementor-icon, .elementor-1569 .elementor-element.elementor-element-753b220.elementor-view-default .elementor-icon{color:var( --e-global-color-andaman_teal );border-color:var( --e-global-color-andaman_teal );}.elementor-1569 .elementor-element.elementor-element-753b220.elementor-view-framed .elementor-icon, .elementor-1569 .elementor-element.elementor-element-753b220.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-andaman_teal );}.elementor-1569 .elementor-element.elementor-element-753b220 .elementor-icon{font-size:36px;}.elementor-1569 .elementor-element.elementor-element-753b220 .elementor-icon svg{height:36px;}@media(max-width:1024px){.elementor-1569 .elementor-element.elementor-element-181eb7c{--justify-content:flex-start;}.elementor-1569 .elementor-element.elementor-element-d8b093f{padding:0px 0px 0px 030px;}.elementor-1569 .elementor-element.elementor-element-efa6f8e{padding:0px 0px 0px 030px;}.elementor-1569 .elementor-element.elementor-element-afdb2f3{--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;--align-items:center;--flex-wrap:nowrap;}}@media(min-width:768px){.elementor-1569 .elementor-element.elementor-element-181eb7c{--width:25%;}.elementor-1569 .elementor-element.elementor-element-afdb2f3{--width:60%;}.elementor-1569 .elementor-element.elementor-element-4dfb30c{--width:15%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1569 .elementor-element.elementor-element-55c5f73{--width:100%;}}@media(max-width:767px){.elementor-1569 .elementor-element.elementor-element-181eb7c{--width:30%;--justify-content:flex-start;}.elementor-1569 .elementor-element.elementor-element-efa6f8e img{max-width:25px;}.elementor-1569 .elementor-element.elementor-element-afdb2f3{--width:40%;--flex-wrap:nowrap;}.elementor-1569 .elementor-element.elementor-element-4dfb30c{--width:30%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}/* Start custom CSS for container, class: .elementor-element-55c5f73 *//* 1. Default State & Transitions */
.elementor-1569 .elementor-element.elementor-element-55c5f73 {
    background-color: transparent;
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
    border-radius: 0px;
    transition: background-color 0.6s ease, backdrop-filter 0.6s ease, -webkit-backdrop-filter 0.6s ease, border-radius 0.6s ease, width 0.6s ease, margin 0.6s ease, transform 0.5s ease-in-out, opacity 0.5s ease-in-out !important;
}

.elementor-1569 .elementor-element.elementor-element-55c5f73 a, 
.elementor-1569 .elementor-element.elementor-element-55c5f73 .elementor-icon i,
.elementor-1569 .elementor-element.elementor-element-55c5f73 .elementor-icon svg,
.elementor-1569 .elementor-element.elementor-element-55c5f73 .elementor-icon svg path {
    transition: color 0.4s ease, fill 0.4s ease;
}

/* 2. Sticky State: Liquid Glass Capsule */
.elementor-1569 .elementor-element.elementor-element-55c5f73.elementor-sticky--effects {
    background-color: rgba(2, 140, 155, 0.15);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    border-radius: 50px;
    width: 95% !important;
    max-width: 1400px;
    left: 0 !important; 
    right: 0 !important;
    margin: 0 auto !important;
}

/* 3. Sticky State Colors: Seafoam Light for Text, Icons, and Hamburger */
.elementor-1569 .elementor-element.elementor-element-55c5f73.elementor-sticky--effects a,
.elementor-1569 .elementor-element.elementor-element-55c5f73.elementor-sticky--effects .elementor-nav-menu--main a,
.elementor-1569 .elementor-element.elementor-element-55c5f73.elementor-sticky--effects .elementor-icon i,
.elementor-1569 .elementor-element.elementor-element-55c5f73.elementor-sticky--effects .elementor-menu-toggle i {
    color: #E6F4F6 !important;
}

.elementor-1569 .elementor-element.elementor-element-55c5f73.elementor-sticky--effects .elementor-icon svg,
.elementor-1569 .elementor-element.elementor-element-55c5f73.elementor-sticky--effects .elementor-icon svg path,
.elementor-1569 .elementor-element.elementor-element-55c5f73.elementor-sticky--effects .elementor-menu-toggle svg,
.elementor-1569 .elementor-element.elementor-element-55c5f73.elementor-sticky--effects .elementor-menu-toggle svg path {
    fill: #E6F4F6 !important;
}

/* 4. Hamburger Menu Styling: Remove Default Borders and Background */
.elementor-1569 .elementor-element.elementor-element-55c5f73 .elementor-menu-toggle,
.elementor-1569 .elementor-element.elementor-element-55c5f73 .elementor-menu-toggle:focus {
    outline: none !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 5. Mobile Dropdown: แก้ไขให้กางออก 95% ของหน้าจอ (ใช้ vw) และจัดกึ่งกลาง */
.elementor-1569 .elementor-element.elementor-element-55c5f73 .elementor-nav-menu--dropdown {
    width: 95vw !important; /* บังคับอ้างอิงความกว้างจากหน้าจอจริงๆ */
    max-width: 1400px !important;
    left: 50% !important; 
    right: auto !important;
    transform: translateX(-50%) !important; /* จัดให้อยู่กึ่งกลางหน้าจอแบบสมบูรณ์แบบ */
    margin-top: 15px !important; /* เว้นระยะห่างด้านบนนิดหน่อยให้ดูมีมิติ ไม่ชิดแคปซูลเกินไป */
}

/* 6. Dropdown Text Color: Deep Navy to contrast with light background */
.elementor-1569 .elementor-element.elementor-element-55c5f73.elementor-sticky--effects .elementor-nav-menu--dropdown a,
.elementor-1569 .elementor-element.elementor-element-55c5f73.elementor-sticky--effects .e-n-menu-dropdown a,
.elementor-1569 .elementor-element.elementor-element-55c5f73.elementor-sticky--effects .jet-menu a {
    color: #043B5C !important;
}

/* 7. Hide on Scroll Classes */
.elementor-1569 .elementor-element.elementor-element-55c5f73.elementor-sticky--hidden {
    opacity: 0;
    transform: translateY(-100%);
}

.clyde-smart-hide {
    transform: translateY(-150%) !important;
    opacity: 0 !important;
}/* End custom CSS */