/* CORE VARIABLES & RESET */
            * {
                box-sizing: border-box;
                margin: 0;
                padding: 0;
            }

            /* Note: Body styles removed to avoid conflict with theme */
            ul {
                list-style: none;
            }

            a {
                text-decoration: none;
                color: inherit;
                transition: color 0.2s ease;
            }

            /* Force remove underlines for all header links */
            .site-header a,
            .mobile-menu-overlay a {
                text-decoration: none !important;
            }

            /* HEADER LAYOUT */
            .site-header {
                background-color: #000;
                padding: 0 40px;
                height: 80px;
                display: flex;
                align-items: center;
                position: relative;
                z-index: 1000;
                width: 100%;
            }

            .header-inner {
                width: 100%;
                max-width: 1400px;
                margin: 0 auto;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

            @media (min-width: 1200px) {

                .header-inner,
                .mega-menu {
                    max-width: 1220px !important;
                }
            }

            .logo img {
                display: block;
                width: 90px !important;
                height: 24px !important;
            }

            /* NAVIGATION */
            .nav-list {
                display: flex;
                gap: 20px;

            }

            @media (min-width: 992px) {
                .nav-item {
                    position: static;
                }
            }

            .nav-item>a {
                font-family: "Manrope", Manrope !important;
                font-size: 16px;
                font-weight: 400;
                color: #fff !important;
                text-decoration: none !important;
                /* Force remove underline */
                display: flex;
                align-items: center;
                gap: 6px;
                padding: 28px 0;
                position: relative;
                z-index: 2000;
            }

            @media (min-width: 992px) {

                .nav-item:hover>a,
                .nav-item.active>a {
                    color: #00d084 !important;
                }

                .nav-item.active .mega-menu {
                    opacity: 1;
                    visibility: visible;
                    transform: translateY(0);
                }

                .nav-item.active .arrow {
                    transform: rotate(180deg);
                }
            }

            .arrow {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 12px;
                height: 12px;
                opacity: 0.7;
                margin-top: 0;
                /* Fix for "slight up" alignment */
                transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
                /* Slower, smoother animation */
            }

            .arrow svg {
                width: 100%;
                height: 100%;
                fill: currentColor;
            }

            /* ACTIONS */
            .header-actions {
                display: flex;
                align-items: center;

            }

            .region-select {
                font-size: 15px;
                font-weight: 500;
                color: #fff;
                display: flex;
                align-items: center;
                gap: 6px;
            }

            .btn-primary {
                font-family: "Manrope", Manrope !important;
                font-weight: 600;
                background-color: #004EAA !important;
                /* Bright Blue */
                color: #fff !important;
                padding: 12px 24px;
                border-radius: 4px;
                font-size: 16px;
                white-space: nowrap;
                transition: background-color 0.2s ease;
                display: inline-block;
                border: none;
                line-height: 1.2;
                font-weight: 500;
                transition: background-color 0.2s;
                white-space: nowrap;
                border: none;
            }

            .btn-primary:hover {
                background-color: #004494 !important;
            }

            /* MEGA MENU */
            .mega-menu {
                position: absolute;
                top: 100%;
                left: 0;
                right: 0;
                margin: 20px auto;
                width: 100%;
                max-width: 1400px;
                background-color: #000;
                border: 1px solid #1f1f1f;
                border-radius: 12px 12px 12px 12px;

                opacity: 0;
                visibility: hidden;
                transform: translateY(10px);
                transition: all 0.3s ease;
                box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
                z-index: 1500;
                display: flex;
                /* Ensure enough height for sidebar */

                overflow: visible;
            }

            .mega-menu.products-menu {
                width: 100%;
            }

            .mega-menu.products-menu .mega-content {
                border: 1px solid #00d084;
                background: #0d0d0d;
            }

            .mega-menu.products-menu .mega-content.active {
                background: #0d0d0d;
            }

            .mega-menu-inner {
                max-width: 1400px;
                margin: 0 auto;
                display: flex;
                gap: 0;
                width: 100%;
            }

            /* SIDEBAR */
            .mega-sidebar {
                width: 35%;
                flex-shrink: 0;
                display: flex;
                flex-direction: column;
                position: relative;
                z-index: 20;
                right: -1px;
                overflow: visible;
            }

            .sidebar-item {
                display: flex;
                align-items: flex-start;
                gap: 10px;
                padding: 10px 14px;
                cursor: pointer;
                border-radius: 8px 0 0 8px;
                /* Tab shape */
                transition: all 0.2s ease;
                border: 1px solid transparent;
                /* Prepare for border */
                margin-right: 0;
                margin-bottom: 0;
                height: fit-content;
                width: 100%;

            }

            .sidebar-item:hover {
                background: #1a1a1a;
            }

            .sidebar-item.active {
                background: #0d0d0d;
                border: 1px solid #06CE7C;
                border-right: 1px solid #0d0d0d;
                /* Hide right border to merge */
                margin-right: -1px;
                /* Overlap content border */
                position: relative;
                z-index: 20;
                /* Above content */
                box-shadow: -4px 0 12px rgba(6, 206, 124, 0.1);
                /* Subtle glow */
            }

            /* default background */
            .mega-menu .mega-content {
                flex: 1;
                background: #000;
                transition: background 0.3s ease;
            }

            /* when any sidebar item is hovered */
            .mega-menu-inner:has(.mega-sidebar .sidebar-item:hover) .mega-content {
                background: #0d0d0d;
            }


            .sidebar-item.active::after {
                content: '';
                position: absolute;
                right: -2px;
                top: 0;
                bottom: 0;
                width: 1px;
                background: #0d0d0d;
                z-index: 40;
            }



            .sidebar-item .icon {
                font-size: 18px;
                color: #666;
                margin-top: 2px;
                height: 20px;
                width: 40px;
            }

            .sidebar-item.active .icon,
            .sidebar-item:hover .icon {
                color: #00d084;
            }

            .sidebar-item .text strong {
                display: block;
                font-size: 18px;
                margin-bottom: 6px;
                color: #fff;
                font-weight: 600;
                /* NEW LINE ADDED */
            }

            .sidebar-item:hover .text strong,
            .sidebar-item.active .text strong {
                color: #00d084;
            }

            .sidebar-item .text p {
                font-size: 15px;
                color: #a1a1aa;
                line-height: 1;
            }

            /* CONTENT */
            .mega-content {
                flex-grow: 1;
                width: 60%;
                /* NEW LINE ADDED */
                padding: 24px;
                border-radius: 0 8px 8px 0;
                background: #000;
                margin-left: 0;
                position: relative;
                z-index: 10;
                border: 1px solid transparent;
                /* Default no border for generic menus */
            }

            /* Specific styling for Products Menu (Sidebar Layout) */
            .mega-menu.products-menu .mega-content {
                border: 1px solid #06CE7C;
                background: #0d0d0d;
                border-radius: 0 8px 8px 8px;
                /* Tab content shape */
            }

            .mega-menu.products-menu .mega-content.active {
                background: #0d0d0d;
            }

            .mega-content.product-grid-section.active {
                display: grid !important;
                grid-template-columns: repeat(2, 1fr) !important;
                gap: 0px;
                align-content: start !important;
            }

            .mega-content.product-grid-section .grid-item {
                width: auto;
                max-width: 100%;
            }

            .product-grid-section {
                display: none;
                animation: fadeIn 0.3s ease;
            }

            @keyframes fadeIn {
                from {
                    opacity: 0;
                    transform: translateY(5px);
                }

                to {
                    opacity: 1;
                    transform: translateY(0);
                }
            }

            /* FULL GRID */
            .mega-content.full-grid {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 4px 24px;
                border: 2px solid transparent;
                border-image-source: linear-gradient(181.1deg, rgba(255, 255, 255, 0) 5.26%, rgba(255, 255, 255, 0.2) 65%, rgba(255, 255, 255, 0.012) 95.11%);
                border-image-slice: 1;
                border-image-outset: 1px;
                border-radius: 12px;
            }

            .grid-item {
                display: flex;
                align-items: flex-start;
                gap: 0px 20px;
                padding: 12px;
                border-radius: 12px;
                transition: all 0.2s ease;
                border: none;
                position: relative;
                cursor: pointer;
                height: fit-content;
            }


            .grid-item img {
                flex-shrink: 0;
                width: 34px;
                height: 34px;
            }

            .grid-text strong {
                display: block;
                font-size: 16px;
                color: #fff;
                margin-bottom: 3px;
                transition: color 0.2s;
                font-weight: 600;
            }

            .grid-text p {
                font-size: 14px;
                color: #d1d5db;
                line-height: 1.5;
                margin-bottom: 0px;
                font-weight: 500;
            }

            .grid-item:hover {
                background: linear-gradient(180deg, rgba(252, 252, 252, 0.15) 10%, rgba(58, 58, 58, 0) 90%);
                border-radius: 15px;
                scale: 1.01;
            }

            .grid-item:hover::before {
                content: "";
                position: absolute;
                inset: 0;
                border-radius: 12px;
                padding: 2px;
                /* Thin refined border */
                background: linear-gradient(180deg, #06CE7C 0%, rgba(6, 206, 124, 0) 100%);
                /* Green fade */
                -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
                -webkit-mask-composite: xor;
                mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
                mask-composite: exclude;
                pointer-events: none;
            }

            .grid-item:hover .grid-text strong {
                color: #fff;
            }

            /* MOBILE */
            .mobile-toggle {
                display: none;
                flex-direction: column;
                gap: 6px;
                background: none;
                border: none;
                cursor: pointer;
            }

            .mobile-toggle span {
                display: block;
                width: 24px;
                height: 2px;
                background-color: #fff;
            }

            .mobile-menu-overlay {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: #000;
                z-index: 2000;
                display: flex;
                flex-direction: column;
                opacity: 0;
                visibility: hidden;
                transform: translateX(100%);
                transition: all 0.3s ease;
            }

            .mobile-menu-overlay.active {
                opacity: 1;
                visibility: visible;
                transform: translateX(0);
            }

            .mobile-menu-header {
                padding: 24px 24px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                border-bottom: 1px solid rgba(255, 255, 255, 0.1);
                background: #000;
            }

            .mobile-menu-header .logo img {
                width: 160px !important;
                /* Increased to 160px as per request */
                height: auto !important;
                max-width: none !important;
                /* Ensure no container limits it */
            }

            .mobile-close {
                background: none;
                border: none;
                font-size: 20px;
                color: #fff;
                cursor: pointer;
            }

            .mobile-menu-content {
                flex-grow: 1;
                overflow-y: auto;
                padding: 0;
                background: #000;
            }

            .mobile-accordion {
                border-bottom: 0px solid #1f1f1f;
            }

            .accordion-header {
                padding: 25px 25px 25px 25px;
                font-family: "Manrope", Manrope !important;
                font-size: 16px;
                font-weight: 500;
                color: #FFFFFF !important;
                display: flex;
                justify-content: space-between;
                align-items: center;
                cursor: pointer;
                border-bottom: 1px solid rgba(255, 255, 255, 0.2);
                /* Lighter, more visible separator matching reference */
            }

            .accordion-content {
                display: none;
                overflow: hidden;
            }

            .mobile-accordion.active>.accordion-content {
                display: block;
            }

            /* Hide Icons for Top-Level Headers (excluding Products and Nested items) */
            .mobile-accordion:not(#mobile-item-products):not(.nested)>.accordion-header img,
            .mobile-accordion:not(#mobile-item-products):not(.nested)>.accordion-header svg:not(.e-fas-chevron-down) {
                display: none !important;
            }

            .mobile-accordion:last-child .accordion-header {
                border-bottom: none;
            }

            .accordion-header .arrow {
                transform: rotate(0deg);
                transition: transform 0.3s;
            }

            .mobile-accordion.active>.accordion-header .arrow {
                transform: rotate(180deg);
            }

            /* 2nd Level (Sub-categories) */
            .mobile-menu-content>.mobile-accordion>.accordion-content>.mobile-link,
            .mobile-menu-content>.mobile-accordion>.accordion-content>.mobile-accordion.nested .accordion-header {
                padding: 12px 24px 12px 40px !important;
                font-size: 15px;
                border-bottom: none;
            }

            /* 3rd Level (Child items) */
            .mobile-accordion.nested .accordion-content .mobile-link {
                padding: 10px 24px 10px 60px !important;
                font-size: 14px;
            }

            .mobile-link {
                display: flex;
                align-items: center;
                gap: 12px;
                font-family: "Manrope", Manrope !important;
                font-size: 15px;
                font-weight: 400;
                color: #FFFFFF !important;
                text-decoration: none !important;
            }

            .mobile-link img {
                width: 20px;
                height: auto;
            }

            /* Industries Sub-menu: White Text, All Icons Visible */
            #mobile-item-industries .mobile-link {
                color: #fff !important;
                font-weight: 400;
            }

            /* Use Cases Sub-menu: White Text */
            #mobile-item-use-cases .mobile-link {
                color: #fff !important;
                font-weight: 400;
            }

            /* Products: White Text (Default) */
            #mobile-item-products .mobile-link {
                color: #e5e5e5;
            }

            /* Active Region Arrow Rotation */
            .region-selector-wrapper.active .arrow {
                transform: rotate(180deg);
            }

            @media (max-width: 991px) {
                .site-header {
                    padding: 0 24px;
                    height: 80px;
                }

                .site-header .header-inner {
                    display: flex !important;
                    justify-content: space-between;
                    align-items: center;
                    gap: 12px;
                }

                .desktop-only {
                    display: none !important;
                }

                .site-header .logo {
                    order: 1;
                    flex-shrink: 0;
                }

                .site-header .logo img {
                    width: 100px !important;
                    height: auto !important;
                }

                .mobile-menu-header .logo img {
                    width: 120px !important;
                    height: auto !important;
                }

                /* Single Row: Button in Middle/Right, Toggle on Far Right */
                .site-header .header-actions {
                    display: flex !important;
                    order: 2;
                    margin-left: auto;
                    margin-right: 0 !important;
                    position: static !important;
                    transform: none !important;
                }

                .site-header .mobile-toggle {
                    display: flex;
                    order: 3;
                    margin-left: 8px;
                }

                .site-header .btn-primary {
                    padding: 10px 18px;
                    font-size: 14px;
                }

                /* Hide Region Selector in Top Header on Mobile */
                .header-actions .region-selector-wrapper {
                    display: none !important;
                }

                .mobile-menu-footer {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    padding: 20px 24px 40px;
                    background: #000;
                    border-top: 1px solid rgba(255, 255, 255, 0.1);
                    margin-top: auto;
                }

                /* Region Selector Mobile Logic */
                .mobile-menu-footer .region-selector-wrapper .region-dropdown {
                    display: none;
                    /* Hidden by default */
                    bottom: 100%;
                    top: auto;
                    margin-top: 0;
                    margin-bottom: 15px;
                    left: 0;
                }

                .mobile-menu-footer .region-selector-wrapper.active .region-dropdown {
                    display: block !important;
                    /* Show when wrapper has active class */
                }

                .mobile-menu-footer .region-selector-wrapper .region-dropdown::before {
                    top: auto;
                    bottom: -20px;
                    height: 20px;
                }
            }

            /* REGION DROPDOWN */
            .region-selector-wrapper {
                position: relative;
                border: none !important;
                outline: none !important;
                box-shadow: none !important;
                margin-right: 20px !important;
                /* Added space between menu and button */
            }

            .region-select-toggle {
                background: transparent !important;
                background-color: transparent !important;
                border: none !important;
                outline: none !important;
                box-shadow: none !important;
                color: #fff !important;
                /* Force white to prevent pink theme default */
                cursor: pointer;
                font-size: 15px;
                font-weight: 500;
                display: flex !important;
                align-items: center !important;
                gap: 12px;
                /* Increased gap */
                padding: 10px;
                /* Added padding for better touch target */
                font-family: inherit;
                width: 100%;
                /* Full width for easier clicking */
            }

            .region-select-toggle:hover {
                color: #00d084;
            }

            .region-select-toggle .arrow {
                transition: transform 0.3s;
                display: flex !important;
                /* Always show */
                opacity: 1 !important;
                /* Force visible */
                visibility: visible !important;
                /* Force visible */
                margin-left: auto;
                /* Push arrow to the right? Or just keep gap */
            }

            .region-selector-wrapper.active .region-select-toggle .arrow {
                transform: rotate(180deg);
            }

            .region-dropdown {
                position: absolute;
                top: 100%;
                left: 0;

                /* Slight min-width for stability */
                background: #000;
                border: 1px solid rgba(255, 255, 255, 0.2);
                /* Lighter border matching screenshot */
                border-radius: 4px;
                padding: 5px 0;
                /* Reduced general padding */
                display: none;
                z-index: 3000;
                box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
                margin-top: 10px;
            }

            /* Invisible bridge to prevent hover gap */
            .region-dropdown::before {
                content: '';
                position: absolute;
                top: -15px;
                left: 0;
                width: 100%;
                height: 15px;
                background: transparent;
            }

            .region-selector-wrapper.active .region-dropdown {
                display: block;
                animation: fadeIn 0.2s ease;
            }

            .region-dropdown ul {
                list-style: none;
                padding: 0;
                margin: 0;
            }

            .region-dropdown li a {
                display: block;
                padding: 1px 16px;
                /* Ultra compact padding */
                color: #fff !important;
                font-size: 13px;
                text-decoration: none;
                transition: all 0.2s;
                font-weight: 500;
                /* Slightly clearer weight */
                text-align: left;
            }

            .region-dropdown li a:hover {
                background: rgba(255, 255, 255, 0.1);
                color: #00d084 !important;
            }

            /* Active State - Green Text */
            .region-selector-wrapper.active .region-select-toggle,
            .region-selector-wrapper.active .region-select-toggle .arrow svg {
                color: #06CE7C !important;
                fill: #06CE7C !important;
            }

            /* ========================================= */
            /* ✅ ICON SIZING FIX (FORCE 34px) */
            /* ========================================= */

            .mega-menu img,
            .mega-menu svg,
            .grid-item img,
            .grid-item svg {
                width: 34px !important;
                height: 34px !important;
                min-width: 34px !important;
                min-height: 34px !important;
                max-width: 34px !important;
                max-height: 34px !important;
                object-fit: contain !important;
            }

            .sidebar-item img,
            .sidebar-item svg {
                width: 40px !important;
                height: 40px !important;
                min-width: 40px !important;
                min-height: 40px !important;
                max-width: 40px !important;
                max-height: 40px !important;
                object-fit: contain !important;
            }

            /* MOBILE SPECIFIC ICONS: Compact 18px size */
            .mobile-menu-overlay img,
            .mobile-menu-overlay svg,
            .mobile-link img,
            .mobile-link svg {
                width: 18px !important;
                height: 18px !important;
                min-width: 18px !important;
                min-height: 18px !important;
                max-width: 18px !important;
                max-height: 18px !important;
                object-fit: contain !important;
                margin-right: 12px !important;
                vertical-align: middle !important;
            }

            /* ACCORDION ARROWS (Chevrons) - Larger as per request */
            .accordion-header .arrow svg {
                width: 24px !important;
                height: 24px !important;
                min-width: 24px !important;
                max-width: 24px !important;
                margin-right: 0 !important;
            }

            #mobile-item-products .mobile-link img,
            #mobile-item-products .mobile-link svg {
                display: block !important;
                width: 24px !important;
                height: 24px !important;
            }


            hr {
                height: 0.5px;

            }

            .elementor-kit-63081 p {
                margin-bottom: 0px !important;
            }

            @media (max-width: 1600px) {
                .site-header.perfios-header-wrapper {
                    max-width: 1280px;
                }
            }

            @media (max-width: 1400px) {
                .site-header.perfios-header-wrapper {
                    max-width: 992px;
                }
            }