.elementor-54 .elementor-element.elementor-element-141aab6b:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-141aab6b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-kadence2 );}.elementor-54 .elementor-element.elementor-element-141aab6b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:9px 0px 9px 0px;}.elementor-54 .elementor-element.elementor-element-141aab6b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-54 .elementor-element.elementor-element-5ad51ff5{text-align:center;}.elementor-54 .elementor-element.elementor-element-5ad51ff5 .elementor-heading-title{font-family:"Josefin Sans", Sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:2.2px;color:#E8D5B0;}.elementor-54 .elementor-element.elementor-element-6bc971ae:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-6bc971ae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-kadence8 );}.elementor-54 .elementor-element.elementor-element-6bc971ae{border-style:solid;border-width:0px 0px 1px 0px;border-color:#E8E0D4;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:15px;margin-bottom:0px;}.elementor-54 .elementor-element.elementor-element-6bc971ae > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-54 .elementor-element.elementor-element-4495dff3.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-54 .elementor-element.elementor-element-4495dff3.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-54 .elementor-element.elementor-element-4495dff3.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-54 .elementor-element.elementor-element-c42c560 img{width:20%;}.elementor-bc-flex-widget .elementor-54 .elementor-element.elementor-element-42aed631.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-54 .elementor-element.elementor-element-42aed631.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-54 .elementor-element.elementor-element-42aed631.elementor-column > .elementor-widget-wrap{justify-content:center;}.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{--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-54 .elementor-element.elementor-element-59bda7e4 .elementor-nav-menu .elementor-item{font-family:"Josefin Sans", Sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;}.elementor-bc-flex-widget .elementor-54 .elementor-element.elementor-element-330cca19.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-54 .elementor-element.elementor-element-330cca19.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-54 .elementor-element.elementor-element-330cca19.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-54 .elementor-element.elementor-element-68a17e8 .elementor-repeater-item-f5a6604.elementor-social-icon{background-color:var( --e-global-color-kadence2 );}.elementor-54 .elementor-element.elementor-element-68a17e8{--grid-template-columns:repeat(0, auto);text-align:center;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-54 .elementor-element.elementor-element-0ebd1ae{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-54 .elementor-element.elementor-element-c42c560{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-54 .elementor-element.elementor-element-c42c560 img{width:18%;}}/* Start custom CSS for social-icons, class: .elementor-element-68a17e8 *//* 1. Icon Box ki Original Styling */
.elementor-54 .elementor-element.elementor-element-68a17e8 .elementor-social-icon,
.elementor-54 .elementor-element.elementor-element-68a17e8 .elementor-icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 8px !important;
    border: 1px solid #E8E0D4 !important;
    background-color: transparent !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: 0.3s ease-in-out !important;
    margin-left: 6px !important; /* Icons k darmian gap k liye */
}

/* 2. Icon k andar ki shape (SVG / Icon) ka color aur size */
.elementor-54 .elementor-element.elementor-element-68a17e8 .elementor-social-icon i,
.elementor-54 .elementor-element.elementor-element-68a17e8 .elementor-social-icon svg,
.elementor-54 .elementor-element.elementor-element-68a17e8 .elementor-icon i,
.elementor-54 .elementor-element.elementor-element-68a17e8 .elementor-icon svg {
    color: #2D2D2D !important;
    fill: #2D2D2D !important;
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
    transition: 0.3s ease-in-out !important;
}

/* 3. Hover karne pr Box ka Color change */
.elementor-54 .elementor-element.elementor-element-68a17e8 .elementor-social-icon:hover,
.elementor-54 .elementor-element.elementor-element-68a17e8 .elementor-icon:hover {
    border-color: #C9A96E !important;
    background: #f5ead9 !important;
}

/* 4. Hover karne pr andar wale Icon ka Color change */
.elementor-54 .elementor-element.elementor-element-68a17e8 .elementor-social-icon:hover i,
.elementor-54 .elementor-element.elementor-element-68a17e8 .elementor-social-icon:hover svg,
.elementor-54 .elementor-element.elementor-element-68a17e8 .elementor-icon:hover i,
.elementor-54 .elementor-element.elementor-element-68a17e8 .elementor-icon:hover svg {
    color: #C9A96E !important;
    fill: #C9A96E !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-6bc971ae *//* 1. Header ki Bottom Border & Shadow */
.elementor-54 .elementor-element.elementor-element-6bc971ae {
    border-bottom: 1px solid #E8E0D4;
    box-shadow: 0 2px 18px rgba(0,0,0,0.055);
}

/* 2. Menu Items Styling */
.elementor-54 .elementor-element.elementor-element-6bc971ae .elementor-nav-menu a.elementor-item {
    font-family: 'Josefin Sans', sans-serif !important;
    font-size: 11.5px !important;
    letter-spacing: 1.8px !important;
    text-transform: uppercase !important;
    color: #2D2D2D !important;
    padding: 8px 14px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    transition: 0.3s ease-in-out !important;
}

/* 3. Menu Item Hover Effect (Background & Color) */
.elementor-54 .elementor-element.elementor-element-6bc971ae .elementor-nav-menu a.elementor-item:hover {
    color: #C9A96E !important;
    background: #f5ead9 !important;
}

/* 4. "SHOP" Button (Targeting the last item in the menu) */
.elementor-54 .elementor-element.elementor-element-6bc971ae .elementor-nav-menu > li:last-child > a.elementor-item {
    background: #1A1A2E !important;
    color: #C9A96E !important;
    padding: 10px 22px !important;
    border-radius: 7px !important;
}

.elementor-54 .elementor-element.elementor-element-6bc971ae .elementor-nav-menu > li:last-child > a.elementor-item:hover {
    background: #C9A96E !important;
    color: #1A1A2E !important;
}

/* 5. Social Icons Styling */
.elementor-54 .elementor-element.elementor-element-6bc971ae .elementor-social-icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 8px !important;
    border: 1px solid #E8E0D4 !important;
    background-color: transparent !important;
    color: #2D2D2D !important;
    transition: 0.3s ease-in-out !important;
}

/* 6. Social Icons Hover Effect */
.elementor-54 .elementor-element.elementor-element-6bc971ae .elementor-social-icon:hover {
    border-color: #C9A96E !important;
    color: #C9A96E !important;
    background: #f5ead9 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ebd1ae *//* =======================================
   SECONDARY HEADER (CATEGORIES BAR)
======================================= */
/* 1. Main Container Styling (Navy Background) */
.elementor-54 .elementor-element.elementor-element-0ebd1ae {
    background-color: #1A1A2E !important;
    position: sticky !important;
    top: 74px !important; /* Adjust based on your main header height */
    z-index: 899 !important;
}

/* 2. Menu Items (Categories) Styling */
.elementor-54 .elementor-element.elementor-element-0ebd1ae .elementor-nav-menu a.elementor-item {
    font-family: 'Josefin Sans', sans-serif !important;
    font-size: 11px !important;
    letter-spacing: 2.2px !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,0.62) !important;
    padding: 0 22px !important;
    height: 50px !important; /* Match the height in HTML */
    display: flex !important;
    align-items: center !important;
    border-bottom: 3px solid transparent !important;
    transition: color 0.32s ease, border-color 0.32s ease !important;
    font-weight: 400 !important;
}

/* 3. Menu Item Hover & Active State */
.elementor-54 .elementor-element.elementor-element-0ebd1ae .elementor-nav-menu a.elementor-item:hover,
.elementor-54 .elementor-element.elementor-element-0ebd1ae .elementor-nav-menu a.elementor-item.elementor-item-active {
    color: #C9A96E !important;
    border-bottom-color: #C9A96E !important;
    background-color: transparent !important; /* Ensure no background highlight */
}

/* 4. Separator Lines between Items */
.elementor-54 .elementor-element.elementor-element-0ebd1ae .elementor-nav-menu > li:not(:first-child) {
    position: relative !important;
}

.elementor-54 .elementor-element.elementor-element-0ebd1ae .elementor-nav-menu > li:not(:first-child)::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 1px !important;
    height: 18px !important;
    background: rgba(255,255,255,0.12) !important;
}

/* =======================================
   MOBILE RESPONSIVENESS
======================================= */
@media (max-width: 768px) {
    /* Allow horizontal scrolling on mobile */
    .elementor-54 .elementor-element.elementor-element-0ebd1ae .elementor-nav-menu--main {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        flex-wrap: nowrap !important;
        -webkit-overflow-scrolling: touch !important;
        /* Hide scrollbar for a cleaner look */
        scrollbar-width: none !important; 
    }
    .elementor-54 .elementor-element.elementor-element-0ebd1ae .elementor-nav-menu--main::-webkit-scrollbar {
        display: none !important; 
    }
    
    /* Adjust padding and font size for smaller screens */
    .elementor-54 .elementor-element.elementor-element-0ebd1ae .elementor-nav-menu a.elementor-item {
        padding: 0 15px !important;
        font-size: 10px !important;
        height: 40px !important; /* Slightly thinner bar on mobile */
        white-space: nowrap !important; /* Prevent text wrapping */
    }
}/* End custom CSS */