.elementor-kit-6{--e-global-color-primary:#581C35;--e-global-color-secondary:#FDD3C6;--e-global-color-text:#F8C3B2;--e-global-color-accent:#FFFFFF;--e-global-typography-primary-font-family:"Archivo";--e-global-typography-primary-font-size:18px;--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Sarabun";--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--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 */@media (max-width: 1024px) {
    /* Menu toggle button ki setting */
    .elementor-menu-toggle {
        z-index: 10001 !important;
        position: relative;
    }

    /* Main Menu Container ko side panel mein badalna */
    .elementor-nav-menu--main.elementor-nav-menu--dropdown {
        position: fixed !important;
        top: 0 !important;
        right: -300px !important; /* Screen se bahar (Right side) */
        width: 280px !important;
        height: 100vh !important;
        background-color: #ffffff !important; /* Menu background color */
        transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
        display: block !important;
        z-index: 10000 !important;
        box-shadow: -5px 0 15px rgba(0,0,0,0.1);
        padding-top: 80px !important; /* Toggle icon se niche rakhne ke liye */
    }

    /* Jab menu "Open" ho (Elementor 'is-active' class use karta hai) */
    .elementor-menu-toggle.elementor-active + .elementor-nav-menu--main.elementor-nav-menu--dropdown {
        right: 0 !important; /* Slide in to screen */
    }

    /* Background Dull (Overlay) karne ke liye */
    .elementor-menu-toggle.elementor-active::before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.5) !important; /* Background dark/dull effect */
        z-index: 9999;
        pointer-events: none;
    }

    /* Menu items ko ek ke niche ek dikhana */
    .elementor-nav-menu--main.elementor-nav-menu--dropdown ul {
        flex-direction: column !important;
        align-items: flex-start !important;
        padding-left: 20px !important;
    }
}/* End custom CSS */