.dropdown-menu li {

                            position: relative;

                        }



                        .dropdown-menu .dropdown-submenu {

                            display: none;

                            position: absolute;

                            left: 100%;

                            top: -7px;

                        }



                        .dropdown-menu .dropdown-submenu-left {

                            right: 100%;

                            left: auto;

                        }



                        .dropdown-menu>li:hover>.dropdown-submenu {

                            display: block;

                        }

                        .header {
                            background: rgba(255, 255, 255, 0.95) !important;
                            backdrop-filter: blur(10px) !important;
                            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
                            border-radius: 12px !important;
                            padding: 0 30px !important;
                            margin-bottom: 40px !important;
                            transition: all 0.3s ease !important;
                        }

                        .header:hover {
                            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;
                        }


                        .header-tab {
                            text-decoration: none !important;
                            /* color: #333 !important; */
                            /* font-weight: 500 !important; */
                            padding: 12px 18px !important;
                            border-radius: 8px !important;
                            display: flex !important;
                            align-items: center !important;
                            transition: all 0.3s ease !important;
                            position: relative !important;
                            overflow: hidden !important;
                        }

                        .header-tab i {
                            margin-right: 8px !important;
                            font-size: 18px !important;
                        }

                        .header-tab::before {
                            content: '' !important;
                            position: absolute;
                            top: 0;
                            left: -100%;
                            width: 100%;
                            height: 100%;
                            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
                            transition: left 0.5s ease;
                        }

                        .header-tab:hover {
                            color: #463ccc !important;
                            background-color: rgba(70, 60, 204, 0.08);
                            transform: translateY(-2px);
                            box-shadow: 0 4px 12px rgba(70, 60, 204, 0.15);
                        }

                        .header-tab:hover::before {
                            left: 100%;
                        }

                        .dropdown-toggle::after {
                            content: '\f078';
                            font-family: 'Font Awesome 6 Free';
                            font-weight: 900;
                            margin-left: 8px;
                            font-size: 12px;
                            transition: transform 0.3s ease;
                        }

                        .dropdown:hover .dropdown-toggle::after {
                            transform: rotate(180deg);
                        }

                        .dropdown-menu {
                            position: absolute;
                            top: 100%;
                            left: 0;
                            background: white;
                            min-width: 220px;
                            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
                            border-radius: 8px;
                            opacity: 0;
                            visibility: hidden;
                            transform: translateY(10px);
                            transition: all 0.3s ease;
                            z-index: 100;
                            padding: 10px 0;
                        }

                        .dropdown:hover .dropdown-menu {
                            opacity: 1;
                            visibility: visible;
                            transform: translateY(0);
                        }

                        .dropdown-menu li {
                            margin: 0;
                        }

                        .dropdown-menu a {
                            padding: 12px 20px;
                            display: block;
                            color: #555;
                            transition: all 0.2s ease;
                            border-left: 3px solid transparent;
                        }

                        .dropdown-menu a:hover {
                            background-color: rgba(70, 60, 204, 0.05);
                            color: #463ccc;
                            border-left: 3px solid #463ccc;
                            padding-left: 25px;
                        }

                        .dropdown-submenu {
                            position: absolute;
                            left: 100%;
                            top: 0;
                            opacity: 0;
                            visibility: hidden;
                            transform: translateX(10px);
                            transition: all 0.3s ease;
                        }

                        .dropdown-menu li:hover .dropdown-submenu {
                            opacity: 1;
                            visibility: visible;
                            transform: translateX(0);
                        }