.scrollmenuuu {
        background-color: #FCE3E6;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0px 10px;
        border-radius: 0px;
        overflow-x: auto; /* Enable horizontal scrolling */
        white-space: nowrap; /* Prevent wrapping of items */
        scrollbar-width: thin; /* Firefox scrollbar customization */
        -ms-overflow-style: none; /* IE and Edge scrollbar customization */
    }

    /* Hide scrollbar for WebKit browsers */
    .scrollmenuuu::-webkit-scrollbar {
        display: none;
    }

    .scrollmenuuu a {
        display: inline-flex; /* Change from flex to inline-flex for better scrolling */
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        text-decoration: none;
        color: #492217;
        padding: 10px;
        margin: 0 5px;
        border-radius: 10px;
        background-color: transparent;
        font-family: Arial, sans-serif;
        font-size: 14px;
        transition: all 0.3s ease;
        white-space: normal; /* Allow text wrapping inside items */
    }

    .scrollmenuuu a img {
        height: 40px;
        width: auto;
    }
    .scrollmenuuu a.active {
        background-color: white;
        color: #492217;
        border-radius: 10px;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
        border: 2px solid #ffffff; /* Add a border for active link */
    }

    .scrollmenuuu a.active img {
        transform: scale(1.1); /* Slightly enlarge the icon for the active link */
        transition: transform 0.3s ease; /* Smooth transition */
    }


    /* Ensure the scroll menu takes full width on smaller screens */
    @media (max-width: 768px) {
        .scrollmenuuu {
            display: flex;
            overflow-x: auto;
            white-space: nowrap;
        }
        .scrollmenuuu a {
            flex: 0 0 auto; /* Prevent shrinking of items */
        }  
        .scrollmenuuu a.active {
            border: 2px solid #492217;
        }
    }

        .menu-content {
            padding-top: 10px;
            display: none; 
            padding-bottom: 50px;
        }
        .menu-content.active {
            display: block;
        }
        .menu-content h6 {
            font-weight: 600;
        }  
        .text-price-row {
            display: flex;
            justify-content: space-between;
            align-items: center; 
            color: #111111 !important;  
            padding-top: 5px;
        }

        .text-price-row .text {
            width: 70%;
        }

        .text-price-row .price {
            width: 30%;
            text-align: right;
        }  
        /* Container for Menu Items */
        .menu-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-bottom: 1px solid #ccc;
            padding: 10px 10px;
        }

        /* Item Details (Name and Price) */
        .item-details {
            width: 70%;
            padding-right: 10px;
        }

        .item-details h6 {
            margin: 0;
            font-weight: bold;  
            color: #111111; 
            font-size: 19px;
        }

        .item-price {
            margin: 5px 0 0;
            color: #000000;  
            font-weight: bold;
        }

        /* Image and Add Button Container */
        .item-image-and-button {
            width: 30%;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
        }

        /* Item Image Styling */
        .item-image {
            width: 50px;
            height: 50px;
            border-radius: 5px;
            object-fit: cover;
        }

        /* Add Item Button */
        .add-item-btn {
            background-color: #E3851A;
            color: #fff;
            border: none;
            padding: 5px 10px;
            border-radius: 5px;
            cursor: pointer;
            width: 100%;
            text-align: center;
        }

        /* Quantity Controls */
        .quantity-controls {
            display: none; /* Initially Hidden */
            align-items: center;
            gap: 10px;
        }

        .quantity-controls button {
            background-color: #E3851A;
            color: #fff;
            border: none;
            padding: 5px 10px;
            border-radius: 5px;
            cursor: pointer;
        }

        .quantity-controls .quantity {
            font-weight: bold;
            color: #555;
        }   


        .ftr-barrr {
            position: fixed;  
            z-index: 1; 
            bottom: 0px; 
            background-color: #E3851A; 
            width: 100%; 
            height: 50px;
        }  
        .login-space {
            padding: 10px; 
            color: #ffffff;
        }  
        .cart-space {
            padding: 10px;  
            color: #ffffff;
        }