/* Grid container for mega submenu */
@media (min-width: 1025px) {
  .has-mega-menu > ul.sub-menu {
      display: none;
      grid-template-columns: 1fr 1fr 2fr;
      grid-template-rows: repeat(2, auto);
      gap: 0;
      background: #fff;
      padding: 0;
      list-style: none;
      min-width: 600px; /* Adjust based on design */
    }

    /* .has-mega-menu:hover > ul.sub-menu {
      display: grid;
    } */

    /* .has-mega-menu.active .sub-menu {
      display: block !important;
    } */

    .has-mega-menu > ul.sub-menu > li {
      min-width: 160px;
      background-image: none;
      border: 1px solid #eee;
    }
    
    /* First 4 items in 2x2 grid on the left */
    .has-mega-menu > ul.sub-menu > li:nth-child(1),
    .has-mega-menu > ul.sub-menu > li:nth-child(2),
    .has-mega-menu > ul.sub-menu > li:nth-child(3),
    .has-mega-menu > ul.sub-menu > li:nth-child(4) {
      grid-column: span 1;
      padding: 10px;
      box-sizing: border-box;
    }
    
    /* 5th item (with children) spans the right side */
    .has-mega-menu > ul.sub-menu > li:nth-child(5) {
      grid-column: 3;
      grid-row: 1 / span 2;
      padding: 0;
      box-sizing: border-box;
    }
    
    /* Nested submenu under SMSF Forensic */
    .has-mega-menu > ul.sub-menu > li:nth-child(5) > ul.sub-menu {
      display: block !important;
      position: static;
      padding-left: 0;
      list-style: none;
    }
    
    .has-mega-menu > ul.sub-menu > li:nth-child(5) > ul.sub-menu > li {
      padding: 0;
    }
    
    /* Link styles */
    .has-mega-menu .sub-menu li a {
      color: #ffffff;
      text-decoration: none;
      display: block;
      transition: all 0.2s ease;
    }
    
    /* .has-mega-menu .sub-menu li a:hover {
      background-color: #1b214a;
      color: #f5b443;
    } */
    
    /* Optional: remove shadow if added by theme */
    .has-mega-menu > ul.sub-menu {
      box-shadow: none;
    }

    .sub-menu-forensic > a {
      padding: 10px;
      width: 100%;
    }

    .sub-menu-forensic a:hover {
      background-color: #1b214a;
    }

    .sub-menu-forensic ul.sub-menu > li {
      background-image: none !important;
      margin-bottom: 0;
      border: none;
      padding-left: 20px;
    }

    .sub-menu-forensic ul.sub-menu > li > a {
      padding: 10px 0px 10px 30px;
      width: 100%;
    }

    .sub-menu-forensic ul.sub-menu > li:hover {
      background-color: #1b214a;
    }

    .sub-menu-forensic > a svg {
      display: none;
    }

    .has-mega-menu > .sub-menu > .sub-menu-forensic:hover {
      background-color: unset !important;
    }
}

@media (max-width: 1024px) {
    .has-mega-menu .sub-menu-forensic > a > svg {
        display: none;
    }

    .has-mega-menu .sub-menu-forensic > .sub-menu > li {
        padding-left: 40px !important;
    }
}