/* Custom CSS for the dropdown items */
   .dropdown-item:hover {
    background-color: #0ea2bd; /* Change this to the desired hover color */
    color: white; /* Change this to the desired text color on hover */
  }
    /* Hide the menu-trigger in web mode (screens wider than 768px) */
    .menu-trigger {
      display: none;
    }
  
    /* Show the menu-trigger in mobile mode (screens up to 768px) */
    @media (max-width: 768px) {
      .menu-trigger {
        display: block !important;
    
      }
      .videoContainer {
        display: block; /* or display: flex; or display: inline-block; depending on your layout */
        /* Add other styles for the video container here */
      }
      @media screen and (max-width: 767px) {
        .videoContainer {
          display: none;
        }
      }
      /* Add additional mobile-specific styling here if needed */
    }