.elementor-1067 .elementor-element.elementor-element-3fc14ce{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:999;}.elementor-1067 .elementor-element.elementor-element-3fc14ce:not(.elementor-motion-effects-element-type-background), .elementor-1067 .elementor-element.elementor-element-3fc14ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#060B11;}.elementor-1067 .elementor-element.elementor-element-3fc14ce.e-con{--align-self:center;}.elementor-1067 .elementor-element.elementor-element-e65755f{--display:flex;--min-height:83px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-7px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1067 .elementor-element.elementor-element-57c75e4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--margin-top:6px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-1067 .elementor-element.elementor-element-57c75e4.e-con{--align-self:center;}.elementor-1067 .elementor-element.elementor-element-e7b8d12{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1067 .elementor-element.elementor-element-8e0d34b{text-align:start;}.elementor-1067 .elementor-element.elementor-element-8e0d34b img{width:659px;height:54px;}.elementor-1067 .elementor-element.elementor-element-d3f087c{text-align:start;}.elementor-1067 .elementor-element.elementor-element-d3f087c img{width:659px;height:54px;}.elementor-1067 .elementor-element.elementor-element-b3d8bc5{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:-100px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1067 .elementor-element.elementor-element-49d6f91{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1067 .elementor-element.elementor-element-49d6f91 .elementor-heading-title{font-family:"Inter";font-size:24px;font-weight:800;line-height:32px;letter-spacing:1.2px;color:#ffffff;}.elementor-1067 .elementor-element.elementor-element-c06b5ec{margin:-2px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1067 .elementor-element.elementor-element-c06b5ec .elementor-heading-title{font-family:"IBM Plex Mono";font-size:9px;font-weight:700;line-height:13px;letter-spacing:2.25px;color:var( --e-global-color-text );}.elementor-1067 .elementor-element.elementor-element-e61a185{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1067 .elementor-element.elementor-element-e61a185 .elementor-menu-toggle{margin-left:auto;background-color:var( --e-global-color-92ced87 );}.elementor-1067 .elementor-element.elementor-element-e61a185 .elementor-nav-menu .elementor-item{font-family:"Inter";font-size:14px;font-weight:600;}.elementor-1067 .elementor-element.elementor-element-e61a185 .elementor-nav-menu--main .elementor-item{color:#CBD5E1;fill:#CBD5E1;padding-left:13px;padding-right:13px;}.elementor-1067 .elementor-element.elementor-element-e61a185 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#E5C158;}.elementor-1067 .elementor-element.elementor-element-e61a185 .elementor-nav-menu--dropdown a, .elementor-1067 .elementor-element.elementor-element-e61a185 .elementor-menu-toggle{color:#94A3B8;fill:#94A3B8;}.elementor-1067 .elementor-element.elementor-element-e61a185 .elementor-nav-menu--dropdown{background-color:#0F172A;border-style:solid;border-width:1px 1px 1px 1px;border-color:#2b3a4a;border-radius:8px 8px 8px 8px;}.elementor-1067 .elementor-element.elementor-element-e61a185 .elementor-nav-menu--dropdown a:hover,
					.elementor-1067 .elementor-element.elementor-element-e61a185 .elementor-nav-menu--dropdown a:focus,
					.elementor-1067 .elementor-element.elementor-element-e61a185 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-1067 .elementor-element.elementor-element-e61a185 .elementor-nav-menu--dropdown a.highlighted{background-color:#2B3A4A;}.elementor-1067 .elementor-element.elementor-element-e61a185 .elementor-nav-menu--dropdown a.elementor-item-active{color:#E5C158;}.elementor-1067 .elementor-element.elementor-element-e61a185 .elementor-nav-menu--dropdown .elementor-item, .elementor-1067 .elementor-element.elementor-element-e61a185 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Inter";font-size:12px;font-weight:600;}.elementor-1067 .elementor-element.elementor-element-e61a185 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:8px;border-top-right-radius:8px;}.elementor-1067 .elementor-element.elementor-element-e61a185 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:8px;border-bottom-left-radius:8px;}.elementor-1067 .elementor-element.elementor-element-e61a185 .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-1067 .elementor-element.elementor-element-e61a185 .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 20px 25px -5px rgba(0,0,0,0.5);}.elementor-1067 .elementor-element.elementor-element-e61a185 .elementor-nav-menu--dropdown a{padding-left:20px;padding-right:20px;padding-top:10px;padding-bottom:10px;}.elementor-1067 .elementor-element.elementor-element-e61a185 div.elementor-menu-toggle{color:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-e61a185 div.elementor-menu-toggle svg{fill:var( --e-global-color-primary );}.elementor-1067 .elementor-element.elementor-element-07cd71a .elementor-button{background-color:#E5C158;font-family:"Inter";font-size:14px;font-weight:700;letter-spacing:0.3px;fill:#0B1E36;color:#0B1E36;border-radius:3px 3px 3px 3px;padding:13px 24px 13px 24px;}.elementor-1067 .elementor-element.elementor-element-07cd71a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-1067 .elementor-element.elementor-element-e7b8d12{--width:300px;}}@media(max-width:767px){.elementor-1067 .elementor-element.elementor-element-57c75e4{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1067 .elementor-element.elementor-element-e7b8d12{--width:240px;--min-height:60px;}.elementor-1067 .elementor-element.elementor-element-d3f087c img{width:250px;}}/* Start custom CSS for theme-site-logo, class: .elementor-element-8e0d34b *//* Header Main Row-vai Center panna */
.main-header .e-con, 
.main-header {
    display: flex !important;
    align-items: center !important;
    align-content: center !important;
}

/* Logo container alignment */
.logo {
    display: flex !important;
    flex-direction: row !important; /* Text or image-ai row-va align panna */
    align-items: center !important;
}/* End custom CSS */
/* Start custom CSS for theme-site-logo, class: .elementor-element-d3f087c *//* Header Main Row-vai Center panna */
.main-header .e-con, 
.main-header {
    display: flex !important;
    align-items: center !important;
    align-content: center !important;
}

/* Logo container alignment */
.logo {
    display: flex !important;
    flex-direction: row !important; /* Text or image-ai row-va align panna */
    align-items: center !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b3d8bc5 */.logo:hover .logo-1 h4{
    color: rgb(229, 193, 88) !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-e61a185 */.menu .elementor-nav-menu--dropdown {
    width: 254px !important;
    padding: 8px 0 !important;
    max-height: 350px !important;
    overflow: hidden;
     overflow-y: auto !important;
    z-index: 1010 !important;
}
.elementor-nav-menu .sub-arrow {
    padding-left:6px !important;
}
.menu ul.sub-menu li :hover {
    background-color: #1E293B !important; 
    color: #FFFFFF !important;         
    padding-left: 24px !important;        
}
/* Active Menu Item Color (Yellow) */
.menu .current-menu-item > a,
.menu .current-menu-ancestor > a {
    color: #E5C158 !important;
}

/* Active Menu Item-la irukkira Arrow/Icon color-um yellow aaga */
.menu .current-menu-item > a svg,
.menu .current-menu-ancestor > a svg,
.menu .current-menu-item > a i,
.menu .current-menu-ancestor > a i {
    fill: #E5C158 !important;
    stroke: #E5C158 !important;
    color: #E5C158 !important;
}/* End custom CSS */
/* Start custom CSS *//* Elementor menu initialization protection */

html:not(.elementor-menu-ready) .menu {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
/* Header Sticky Background Color */
.elementor-sticky--effects.main-header {
    background-color: #060B11 !important;
    transition: background-color 0.3s ease !important;
}
html:not(.elementor-menu-ready) .menu .elementor-nav-menu--dropdown {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}
/* Header Initial State (Transparent or Dark before scroll) */
#main-header,
.main-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    background-color: transparent !important;
    height: 83px !important;
    padding: 16px 0px !important;
    transition: background-color 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
    z-index: 1000 !important;
    display: flex !important;
    align-items: center !important;
    border-bottom: 1px solid transparent !important;
}

/* Header Scrolled State (When you scroll down the page - Blue background applies) */
#main-header.elementor-sticky--effects,
.main-header.elementor-sticky--effects,
#main-header.header-scrolled,
.main-header.header-scrolled {
    background-color: #060B11 !important; /* Ungalukku thevaiyana blue/dark background color */
    box-shadow: 0 10px 25px -5px rgba(11, 30, 54, 0.3) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

#main-header,
.main-header {
    padding: 16px 0px !important; 
}

.menu .elementor-nav-menu--main > ul > li > a {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.menu .menu-item-1771 > a,
.menu .menu-item-1776 > a {
    border-bottom: 1px solid #1E293B !important;
    padding-bottom: 8px !important;
    margin-bottom: 6px !important;
}

.hero-banner, 
.main-banner,
.banner-section {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.featured-products-preview,
.featured-products-section {
    background-color: #FFFFFF !important;
}

.footer-widget-title,
.footer-section h4,
.footer-section .elementor-heading-title {
    border-bottom: 1px solid #2B3A4A !important; 
    padding-bottom: 8px !important;
}
.footer-section ul li::before,
.footer-menu li a::before {
    font-weight: 300 !important;
    font-size: 12px !important;
    opacity: 0.8;
}
.conversion-engine .elementor-button,
.footer-conversion-btn {
    background-color: #E5C158 !important;
    border: 1px solid #E5C158 !important;
    color: #0B1E36 !important;
}

.conversion-engine .elementor-button:hover,
.footer-conversion-btn:hover {
    background-color: #D4AF37 !important;
    border-color: #D4AF37 !important;
}

/* ================================
   MOBILE MENU - NO INITIAL FLICKER
   ================================ */

@media (max-width: 1024px) {

    /* Keep mobile menu completely hidden on initial page load */
    .menu .elementor-nav-menu--dropdown {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        max-height: 0 !important;
        overflow: hidden !important;
        transition: opacity 0.2s ease, visibility 0.2s ease, max-height 0.2s ease !important;
    }

    /* Show ONLY when Elementor menu is opened */
html.elementor-menu-ready .menu .elementor-menu-toggle.elementor-active + .elementor-nav-menu--dropdown,
html.elementor-menu-ready .menu .elementor-nav-menu--dropdown.elementor-active,
html.elementor-menu-ready .menu .elementor-nav-menu--dropdown.show,
html.elementor-menu-ready .menu.elementor-active .elementor-nav-menu--dropdown {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        display: block !important;
        max-height: calc(100vh - 60px) !important;

        position: fixed !important;
        top: 60px !important;
        left: 0 !important;
        width: 100vw !important;
        height: calc(100vh - 60px) !important;
        min-height: calc(100vh - 60px) !important;

        background-color: #020617 !important;
        z-index: 99999 !important;

        padding: 24px 20px 100px 20px !important;
        overflow-y: auto !important;
        box-sizing: border-box !important;

        border: none !important;
        box-shadow: none !important;
        margin: 0 !important;
    }

    /* Main menu items */
    .menu .elementor-nav-menu--dropdown ul,
    .menu .elementor-nav-menu--dropdown li {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        clear: both !important;
        box-sizing: border-box !important;
    }

    .menu .elementor-nav-menu--dropdown > ul > li {
        margin-bottom: 24px !important;
    }

    .menu .elementor-nav-menu--dropdown > ul > li > a {
        font-family: monospace, sans-serif !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.2em !important;
        color: #94A3B8 !important;
        padding: 6px 0 !important;
        border: none !important;
        background: transparent !important;
        display: block !important;
        pointer-events: auto !important;
        cursor: pointer !important;
    }

    .menu .elementor-nav-menu--dropdown > ul > li > a:hover {
        color: #FBBF24 !important;
    }

    /* Sub menu */
    .menu .elementor-nav-menu--dropdown ul.sub-menu {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        padding: 6px 0 8px 12px !important;
        border-left: 1px solid #1E293B !important;
        background: transparent !important;
        box-shadow: none !important;
        width: 100% !important;
    }

    /* Products submenu */
    .menu .elementor-nav-menu--dropdown li.menu-item-1091 ul.sub-menu {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px 12px !important;
    }

    .menu .elementor-nav-menu--dropdown li.menu-item-1091 ul.sub-menu li:first-child {
        grid-column: span 2 / span 2 !important;
    }

    .menu .elementor-nav-menu--dropdown ul.sub-menu a.elementor-sub-item {
        font-family: 'Inter', sans-serif !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        color: #CBD5E1 !important;
        padding: 6px 0 !important;
        border: none !important;
        background: transparent !important;
        display: block !important;
        line-height: 1.5 !important;
        transition: color 0.2s ease !important;
        pointer-events: auto !important;
        cursor: pointer !important;
    }

    .menu .elementor-nav-menu--dropdown li.menu-item-1091 ul.sub-menu a.elementor-sub-item {
        font-size: 13px !important;
        color: #94A3B8 !important;
    }

    .menu .elementor-nav-menu--dropdown ul.sub-menu a.elementor-sub-item:hover,
    .menu .elementor-nav-menu--dropdown ul.sub-menu a.elementor-sub-item.elementor-item-active {
        color: #FBBF24 !important;
        background: transparent !important;
    }

    /* Hide submenu arrows */
    .menu .elementor-nav-menu--dropdown .sub-arrow {
        display: none !important;
    }
}/* End custom CSS */