.elementor-kit-7{--e-global-color-primary:#090909;--e-global-color-secondary:#D4F7FB;--e-global-color-text:#9E9E9E;--e-global-color-accent:#E8E4FF;--e-global-color-23c1fe6:#F8F8F8;--e-global-color-1a1b9f3:#FFFFFF;--e-global-color-58f6d4c:#00000000;--e-global-color-072e4c8:#0E0E0E;--e-global-color-7c2e83d:#D0D0D0;--e-global-color-7c0b516:#E9E9E9;--e-global-color-a277142:#999999;--e-global-typography-primary-font-family:"Plus Jakarta Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Kanit";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Kanit";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Kanit";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 p{margin-block-end:0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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 *//* GLOBAL RESETS FOR NAVIGATION */
.hd-nav input[type="checkbox"] {
    display: none; /* Hide the checkbox used for the toggle */
}
.hd-menu-toggle {
    display: none; /* Hide the menu icon on desktop */
}

/* -------------------------------------- */
/* MEDIA QUERY FOR MOBILE VIEW (<= 768px) */
/* -------------------------------------- */
@media (max-width: 768px) {
    /* Make the desktop navigation collapse */
    .hd-nav ul {
        display: none;
        flex-direction: column;
        width: 100%;
        position: absolute;
        top: 60px; /* Below the header bar */
        left: 0;
        background-color: #fff;
        border-top: 1px solid #eee;
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        z-index: 9;
    }
    .hd-nav ul li {
        width: 100%;
        margin: 0;
        border-bottom: 1px solid #f8f8f8;
    }
    .hd-nav ul li a, .hd-nav ul li .hd-button {
        padding: 15px 20px;
        display: block;
        width: auto;
        text-align: left;
    }
    .hd-cta-nav a {
        margin: 10px 20px;
    }
    
    /* Show the hamburger menu icon */
    .hd-menu-toggle {
        display: block;
        cursor: pointer;
        font-size: 24px;
        color: var(--hd-primary-color);
        padding: 5px;
        line-height: 1;
    }

    /* CSS Toggle Trick: When the checkbox is checked, show the menu */
    .hd-nav input[type="checkbox"]:checked ~ ul {
        display: flex;
    }

    /* Mobile Dropdown Fix: Make dropdown items full width */
    .hd-dropdown-parent {
        border-bottom: none; /* Remove extra border */
    }
    .hd-dropdown-menu {
        position: relative; /* Stacks below the parent link, not absolute */
        display: none; /* Start hidden */
        border: none;
        box-shadow: none;
        background-color: #f0f0f0; /* Slight color for distinction */
        padding: 0;
    }
    .hd-dropdown-menu li a {
        padding-left: 40px !important; /* Indent sub-links */
        font-size: 14px;
    }
    /* Note: Dropdowns will need manual click/hover to open on mobile, which requires JS. We're keeping it simple for CSS-only. */
}/* End custom CSS */