.elementor-kit-6{--e-global-color-primary:#4497FF;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-260af6a:#142757;--e-global-typography-primary-font-family:"DB Ozone X";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"DB Ozone X";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"DB Ozone X";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"DB Ozone X";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ===== Button hover icon animation ===== */
.elementor-button .elementor-button-icon {
    opacity: 0; transform: scale(0); width: 0; overflow: hidden;
    transition: opacity 0.3s ease, transform 0.3s ease, width 0.3s ease;
}
.elementor-button:hover .elementor-button-icon {
    opacity: 1; transform: scale(1); width: 30px; margin-right: 8px;
}
.elementor-button .elementor-button-text { transition: all 0.3s ease; }

/* ===== Hero height มาตรฐาน 560px (tablet) ===== */
@media (max-width: 1024px) and (min-width: 768px) {
    .elementor-element-e228468 { min-height: 560px !important; } /* GMastery */
    .elementor-element-b731fbc { min-height: 560px !important; } /* facebook */
}

/* ===== Header pill — hover (outline) + active (filled) ===== */
.elementor-element-f38b0fe .elementor-nav-menu--main a.elementor-item {
    border-radius: 50px !important; border: 1px solid transparent !important;
    transition: background .25s ease, color .25s ease, border-color .25s ease !important;
}
.elementor-element-f38b0fe .elementor-nav-menu--main a.elementor-item:hover {
    background: #ffffff !important; border-color: #4497ff !important; color: #4497ff !important;
}
.elementor-element-f38b0fe .elementor-nav-menu--main a.elementor-item.elementor-item-active {
    background: #4497ff !important; border-color: #4497ff !important; color: #fff !important;
}

/* ===== Desktop submenu — hover ฟ้าอ่อน ===== */
@media (min-width: 1025px) {
    .elementor-element-f38b0fe .elementor-nav-menu--main .sub-menu a.elementor-sub-item {
        transition: background .2s ease, color .2s ease !important;
    }
    .elementor-element-f38b0fe .elementor-nav-menu--main .sub-menu a.elementor-sub-item:hover {
        background: #d9ecff !important; color: #4497ff !important;
    }
}

/* ===== Mobile/Tablet dropdown — inset + layout + highlight ===== */
@media (max-width: 1024px) {
    .elementor-element-f38b0fe .elementor-nav-menu__container.elementor-nav-menu--dropdown {
        position: fixed !important; left: 16px !important; right: 16px !important; width: auto !important;
        top: 90px !important; border-radius: 16px !important; overflow: hidden !important;
    }
    .elementor-element-f38b0fe .elementor-nav-menu--dropdown a.elementor-item,
    .elementor-element-f38b0fe .elementor-nav-menu--dropdown a.elementor-sub-item {
        text-align: left !important; font-size: 15px !important;
        padding: 8px 20px !important; border-bottom: .5px solid #eef0f3 !important;
        transition: background .2s ease, color .2s ease !important;
    }
    .elementor-element.elementor-element-f38b0fe .elementor-nav-menu--dropdown a.elementor-item:hover,
    .elementor-element.elementor-element-f38b0fe .elementor-nav-menu--dropdown a.elementor-item:focus,
    .elementor-element.elementor-element-f38b0fe .elementor-nav-menu--dropdown a.elementor-item:active,
    .elementor-element.elementor-element-f38b0fe .elementor-nav-menu--dropdown a.elementor-item.elementor-item-active,
    .elementor-element.elementor-element-f38b0fe .elementor-nav-menu--dropdown a.elementor-sub-item:hover,
    .elementor-element.elementor-element-f38b0fe .elementor-nav-menu--dropdown a.elementor-sub-item:focus,
    .elementor-element.elementor-element-f38b0fe .elementor-nav-menu--dropdown a.elementor-sub-item:active,
    .elementor-element.elementor-element-f38b0fe .elementor-nav-menu--dropdown a.elementor-sub-item.elementor-item-active {
        background: #d9ecff !important; color: #4497ff !important;
    }
}/* End custom CSS */