* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        ul {
            list-style: none;
        }

        li {
            color: white;
        }

        a {
            text-decoration: none;
            color: #ffffff;
        }

        .navbar {
            /* position: fixed; */
            top: 0;
            left: 0;
            width: 100%;
            background: #000000;
            z-index: 5;
        }

        .navbar,
        .buttons-nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 1em;
        }

        .brand {
            font-weight: bolder;
            font-size: 1.5em;
        }

        .brand:hover {
            font-weight: bolder;
            color: #00f7ff;
        }

        button {
            border: none;
            transition: 0.3s;
            cursor: pointer;
        }

        .btnnav {
            font-family: 'Poppins', sans-serif;
            font-size: 1.1em;
            background: #51c4bd;
            padding: 0.5em 1.3em;
            border-radius: 16px;
            color: #000000;
        }

        /* .btn:hover {
            background: #3877db;
        } */

        .menu-btnnav {
            margin-left: 1em;
            background: none;
            display: inline-block;
        }

        .menu-btnnav span {
            font-size: 2.3em;
        }

        .dropdown>div,
        .sub-dropdown>div {
            cursor: pointer;
        }

        .dropdown .menu a:hover {
            color: #51c4bd;
        }

        .material-symbols-outlined {
            color: #51c4bd;
        }

        @media screen and (min-width: 800px) {
            .navbar {
                padding: 0 1.5em;
            }

            .dropdown>div {
                padding: 1.5em 1em;
            }

            .mega-menu {
                display: flex;
                justify-content: center;
                width: auto;
            }

            .menu-btnnav {
                display: none;
            }

             /* .menu {
                background: green;
                position: absolute;
                top: 4.65em;
                left: 0;
            padding: 0 2em;
            overflow-y: scroll;
            transition: 0.4s ease-in-out;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            gap: 2em;
            z-index: 10;
        } */
        
        .menu {
            background: #151515;
            position: absolute;
            top: 4.65em;
            left: 50%;
            transform: translateX(-50%);
            width: auto;
            /* Adjust this if you want a fixed width */
            padding: 0 2em;
            overflow-y: scroll;
            transition: 0.4s ease-in-out;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            gap: 2em;
            z-index: 10;
        }

        .menu::-webkit-scrollbar {
            display: none;
        }


        .menu>li:first-child {
            font-size: 1.1em;
            /* font-weight: bold; */
            margin: 0;
        }

        .sub-dropdown>div span:first-child {
            font-weight: bold;
        }

        .sub-menu>li:first-child {
            font-weight: 700;
            font-size: 25px;
        }

        .dropdown>div {
            /* border-bottom: 3px #51c4bd solid; */
            transition: 0.3s;
        }

        .dropdown:hover>div {
            border-color: #000;
        }

        .dropdown li {
            margin-bottom: 1em;
        }

        .dropdown>div span:last-child,
        .sub-dropdown>div {
            display: none;
        }

        /* Hide menu */
        .menu {
            height: 0;
        }

        .dropdown:hover .menu {
            height: auto;
            padding: 2em;
        }
        }

        /* Responsive Design */
        @media screen and (max-width: 800px) {
            .navbar {
                padding: 1em 1.5em;
            }

            .menu-container {
                background: black;
                position: absolute;
                top: 4.4em;
                left: 0;
                width: 100%;
                overflow-y: hidden;
                transition: 0.3s ease-in-out;
                z-index: 10;
            }

            .btnnav {
                font-size: 0.8em;
                background: #51c4bd;
                padding: 0.5em 1.3em;
            }

            .mega-menu {
                padding: 0 1em 1em 1em;
                height: 100%;
                overflow-y: scroll;
            }

            .mega-menu li {
                font-weight: bold;
                font-size: 1.1em;
            }

            .mega-menu li>div {
                display: flex;
                justify-content: space-between;
                align-items: center;
                gap: 0.5em;
            }

            .menu li {
                padding: 0 1em;
                font-size: 1em;
                font-weight: 400;
            }

            .menu a {
                display: block;
                margin: 0.8em 0;
            }

            .menu {
                display: none;
            }

            /* Toggle class for Javascript */
            .menu-show {
                display: block;
            }

            .material-symbols-outlined {
                transition: 0.3s;
            }

            /* Toggle class for javascript */
            .icon-rotated {
                transform: rotate(90deg);
            }

            .dropdown>div,
            .sub-dropdown>div {
                cursor: pointer;
                padding: 0.5em;
            }

            .sub-menu {
                font-size: 0.9em;
                display: none;
            }

            /* Toggle class for Javascript */
            .sub-menu-show {
                display: block;
            }

            .dropdown:hover>div,
            .sub-dropdown:hover>div {
                background: #373A40;
            }

            /* Hide menu */
            .menu-container {
                height: 0;
            }

            /* Toggle class for javascript */
            .mega-menu-show {
                height: 50vh;
            }

            .sub-menu>li:first-child {
                display: none;
            }
        }