/* Target the new custom dropdown */
  .custom-dropdown {
    position: absolute;
    background: #f9f9f9;
    width: 280px; /* Adjust width if needed */
    padding: 25px 0 30px;
    
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); /* Softer shadow */
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
  }

  /* Make the custom dropdown visible on hover */
  .header-bottom_area .main-menu_area > nav > ul > li:hover .custom-dropdown {
    transform: translateX(-50%) scaleY(1);
    visibility: visible;
    opacity: 1;
  }