.sticky-header {
            position: sticky;
            top: 0;
            z-index: 1000;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
            background-color: #fff;
        }
        /* Ensure header elements are aligned in one row on large screens */
        .pkp_head_top {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0px 15px 0px 15px;
            gap: 15px;
        }
        
        /* Site Name Wrapper Takes Only Needed Space on Full Screen */
        .pkp_site_name_wrapper {
            display: flex;
            align-items: center;
            flex-shrink: 0; /* Prevents shrinking */
            white-space: nowrap; /* Prevents wrapping */
            max-width: 40%; /* Ensures it doesn't take too much space */
        }
        
        /* Search Bar Takes Remaining Space */
        .pkp_navigation_search_wrapper {
            flex-grow: 1; /* Takes all available space */
            display: flex;
            justify-content: center;
            min-width: 150px; /* Avoids collapsing on small screens */
        }
        
        /* User Menu Aligns Properly */
        .pkp_navigation_user_wrapper_seisense {
            display: flex;
            align-items: center;
            gap: 10px;
            flex-shrink: 0; /* Prevents shrinking */
            z-index: 1100;
        }
        
        /* Search Form Styling */
        .pkp_search_form {
            display: flex;
            width: 100%;
            max-width: 100%; /* Uses all remaining space */
            background: white;
            border-radius: 5px;
            overflow: hidden;
            border: 1px solid #ccc;
        }
        
        /* Input field */
        .pkp_search_input {
            flex: 1;
            padding: 10px;
            font-size: 16px;
            border: none;
            outline: none;
        }
        
        .pkp_search_button {
            background: #FFC107; /* Yellow */
            color: white; /* Make the icon white */
            border: none;
            padding: 10px 5px 10px 20px;
            cursor: pointer;
            display: flex;
            align-items: center; /* Center icon vertically */
            justify-content: center; /* Center icon horizontally */
        }
        
        /* Adjust the search icon */
        .pkp_search_button .fa-search {
            font-size: 18px; /* Adjust size if needed */
            color: white; /* Ensure the icon is white */
        }
        
        /* Hover effect */
        .pkp_search_button:hover {
            background: #FFA000;
        }
        
        /* Hide Duplicate User Menu in Desktop */
        .pkp_navigation_mobile_user_wrapper {
            display: none;
        }
        
        /* ---- Responsive Fix for Mobile ---- */
        @media (max-width: 1024px) {
            /* Ensure the header wraps properly */
            .pkp_head_top {
                flex-direction: column;
                align-items: center;
                text-align: center;
            }
        
            /* Center the site name properly */
            .pkp_site_name_wrapper {
                max-width: 100%;
                width: 100%;
                display: flex;
                justify-content: center;
                text-align: center;
                margin-bottom: 5px; /* Reduced gap for a smarter look */
            }
        
            /* Move Search Below and Make It Full Width */
            .pkp_navigation_search_wrapper {
                flex: 1 1 100%;
                width: 100%;
                display: flex;
                justify-content: center;
                margin-top: 0; /* Removes extra gap */
                border-top: none;
                padding-top: 0;
            }
        
            .pkp_search_form {
                max-width: 90%; /* Search bar takes almost full width */
            }
        
            /* Remove Unwanted White Line */
            .pkp_site_name_wrapper::after {
                content: none; /* Ensures no extra line appears */
            }
        
            /* Hide User Menu in Header and Move It to Hamburger */
            .pkp_navigation_user_wrapper_seisense {
                display: none;
                
            }
        
            /* Show User Menu Inside Mobile Menu */
            .pkp_navigation_mobile_user_wrapper {
                display: block;
                text-align: center;
                padding: 10px 0;
            }
        
            .pkp_navigation_user_mobile {
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 10px;
            }
        
            .pkp_navigation_user_mobile li {
                display: block;
            }
        
            .pkp_navigation_user_mobile li a {
                display: block;
                background: white;
                color: #2C3E50;
                padding: 8px 15px;
                border-radius: 5px;
                font-weight: bold;
                text-decoration: none;
                border: 1px solid #2C3E50;
                width: 100%;
                text-align: center;
                transition: background 0.3s ease;
            }
        
            .pkp_navigation_user_mobile li a:hover {
                background: #2C3E50;
                color: white;
            }
        }
        
        /* Style for the primary navigation bar */
        .pkp_navigation_primary {
            display: flex;
            justify-content: space-between; /* Ensures even spacing */
            align-items: center;
            max-width: 100% !important; /* Ensures it covers the full viewport width */
            padding: 10px 0;
            list-style: none;
            margin: 0;
            background-color: #dee2e6; /* Darker muted background */
            position: relative;
            z-index: 1000; /* Ensures it's above other content */
        }
        
        /* Ensure each menu item takes equal width */
        .pkp_navigation_primary li {
            flex: 1; /* Makes each item take equal space */
            text-align: center;
            position: relative;
        }
        
        /* Add Right Border to Each Navigation Item */
        .pkp_navigation_primary li:not(:last-child) {
            border-right: 2px solid #fff; /* Subtle white border */
        }
        
        /* Ensure navigation links fill the space properly */
        .pkp_navigation_primary > li > a {
            margin: 0px;
        }
        
        /* Style for navigation links */
        .pkp_navigation_primary li a {
            display: block;
            padding: 10px;
            text-decoration: none;
            font-size: 16px;
            font-weight: bold;
            color: white; /* Adjust text color */
            transition: color 0.3s ease;
        }
        
        /* Hover effect for navigation links */
        .pkp_navigation_primary li a:hover {
            color: #FFC107; /* Yellow hover effect */
        }
        
        /* Responsive Adjustments */
        @media (max-width: 1024px) {
            .pkp_navigation_primary {
                flex-direction: column;
                align-items: center;
                gap: 10px;
            }
        
            .pkp_navigation_primary li {
                flex: none;
                width: 100%;
                text-align: center;
                border-right: none; /* Remove right borders in mobile for cleaner look */
            }
        
            .pkp_navigation_primary li a {
                display: block;
                width: 100%;
            }
        }