.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9 .elementor-element.elementor-element-1457927{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 24px) 0px;padding:2px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-1457927 .elementor-menu-toggle{margin:0 auto;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS *//* 1. Header Boxed Container Styling */
.elementor-9 {
    background-color: #ffffff !important; 
    padding: 15px 40px !important; 
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05) !important; 
    border-radius: 8px; 
    width: 100%;
    max-width: 1280px; 
    margin: 0 auto; 
    
    /* Flexbox settings to keep logo and menu in one line */
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important; /* Stops menu from breaking into a new line */
}

/* 2. Logo Size & Space (Logo ko chota kiya hai) */
.elementor-9 .elementor-widget-image {
    max-width: 120px !important; /* Logo container ki width kam ki */
    flex-shrink: 0 !important; /* Logo ko squeeze hone se roka */
}

.elementor-9 .elementor-widget-image img {
    max-height: 55px !important; /* Logo ki height kam ki */
    width: 100% !important;
    object-fit: contain !important;
}

/* 3. Menu Wrapper (Menu ko zyada jagah aur right align kiya) */
.elementor-9 .elementor-widget-nav-menu {
    flex-grow: 1 !important; /* Menu ko bachi hui saari jagah di */
    display: flex !important;
    justify-content: flex-end !important; /* Menu ko right side push kiya */
}

/* 4. Main Menu (Navigation) Styling */
.elementor-9 .elementor-nav-menu {
    display: flex !important;
    flex-wrap: nowrap !important; /* Menu items ko ek line mein rakhne ke liye */
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-9 .elementor-nav-menu > li > a {
    font-family: 'Inter', 'Segoe UI', sans-serif !important; 
    font-size: 15px !important; /* Font size thoda adjust kiya taake sab fit ho jaye */
    font-weight: 600 !important; 
    color: #1a1a1a !important; 
    text-transform: capitalize;
    padding: 10px 12px !important; /* Padding thodi kam ki taake items ek line mein aayein */
    transition: color 0.3s ease;
    white-space: nowrap !important; /* Text ko break hone se roka */
}

/* 5. Menu Hover Effect */
.elementor-9 .elementor-nav-menu > li > a:hover {
    color: #9e2a2b !important; 
}

/* 6. Dropdown Menu Styling */
.elementor-9 .elementor-nav-menu .sub-menu {
    background-color: #ffffff !important;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1) !important;
    border: none !important;
}

/* 7. Active Menu Item (Current Page) */
.elementor-9 .elementor-nav-menu > li.current-menu-item > a {
    color: #9e2a2b !important; 
    border-bottom: 2px solid #9e2a2b; /* Green line ki jagah theme color line */
    padding-bottom: 8px;
}/* End custom CSS */