.menu-toggle {
      cursor: pointer;
      font-size: 24px;
    }

    .custom-mobile-menu {
      position: absolute;
      top: 0;
      left: -300px; /* Increase the width of the menu */
      width: 270px; /* Increase the width of the menu */
      height: 100vh; /* Set maximum height to viewport height */
      background-color: #ffffff; /* White background */
      padding: 20px;
      transition: left 0.3s ease-in-out;
      color: #121224; /* Font color */
      overflow-y: auto; /* Enable vertical scrolling */
      display: none; /* Hide the menu by default */
      border-top-right-radius: 16px;
      z-index:99;
    }

    .custom-mobile-menu .logo {
      text-align: center;
      margin-bottom: 20px;
      border-bottom: 1px solid #f7f7f9; /* Add bottom border with color #f7f7f9 */
      padding-bottom: 10px; /* Add some padding below the logo */
    }

    .custom-mobile-menu .logo img {
      max-width: 100%;
      height: auto;
    }

    .custom-mobile-menu ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .custom-mobile-menu li {
      padding: 10px;
    }

    .custom-mobile-menu li a {
      text-decoration: none;
      font-size: 14px;
    }

    .show-menu {
      left: 0;
    }

    /* Unique class name for the overlay */
    .menu-overlay {
      position: fixed;
      top: 0;
      left: 210px; /* Increase the width of the overlay */
      width: 100%;
      height: 100%;
      background-color: rgb(0,0,0,.5);
      display: none;
      z-index: 2; /* Set the overlay above the menu */
    }
   

    .custom-mobile-menu ul ul {
      display: none;
      margin-left: -10px; /* Adjust the negative margin as needed */
    }
    .custom-mobile-menu ul li.show-submenu > ul {
      display: block; /* Display submenu when the parent has the 'show-submenu' class */
    }
    
    /* Add down arrow to menu items with submenus */
    
    
    .custom-mobile-menu li > a {
      position: relative;
    }
    
    .custom-mobile-menu .has-submenu::after {
      content: url('https://talentsjobs.in/assets/frontend/header/down-arrow.svg');
      display: inline-block;
      margin-left: 10px;
      width: 12px;
      height: 12px;
      float: right; /* Float the arrow icon to the right */
    }
    
    .custom-mobile-menu ul ul .has-submenu::after {
        float: right; /* Float the submenu arrow to the right */
        margin-right: -11px; /* Add some right margin for spacing */
    }
        
    .custom-mobile-menu li.show-submenu > .has-submenu::after {
        content: url('https://talentsjobs.in/assets/frontend/header/up-arrow.svg');
    }
        
    /* Hide arrows from menu items without submenus */
    .custom-mobile-menu > li:not(.has-submenu) > a::after {
        content: none;
        display: none;
    }
    .text-sub {color: #717b9e;}     
    
    @media (max-width: 768px) {
      /* Show the mobile menu only on devices with a max width of 768 pixels */
      .custom-mobile-menu {
        display: block;
      }
      .navbar-toggle {
        display: block; /* Show the menu toggle button on mobile devices */
      }
      /* Show the overlay when the menu is open */
      .custom-mobile-menu.show-menu + .menu-overlay {
        display: block;
      }
    }