Mega Dropdown Menu - Copy this Html, Bootstrap Component to your project

Design a modern mega dropdown menu with smooth animations. On desktop, hovering over the 'Services' tab should trigger the dropdown with a subtle fade in and slide down animation. The menu displays three main sections: 'Web Development', 'Software Development', and 'Consulting'. Each section contains relevant sub links such as 'Front End', 'Back End', 'Mobile Apps', and 'Cloud Consulting'. The dropdown should have a clean, organized structure with a dark background and contrasting white text. For mobile view, the dropdown should open with a click on the 'Services' tab, using a smooth slide down effect. The design should automatically adapt to mobile screens, displaying the menu in a vertical layout with a touch friendly interface. The color scheme should be consistent between desktop and mobile views, ensuring a seamless experience across devices.