@media screen and (max-width: 991px) {
    .mobile-menu-holder {
      padding: 32px 16px;
    }
    .mobile-menu-holder > ul {
      max-height: calc(100vh - 200px);
      overflow: auto;
    }
    .mobile-menu-holder > ul > li {
      margin-bottom: 16px;
    }
    .mobile-menu-holder > ul > li > a {
      font-family: 'Darker Grotesque', sans-serif;
      font-size: 40px;
      line-height: 40px;
      font-weight: 700;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .mobile-menu-holder > ul > li.has-submenu {
      margin-bottom: 32px;
    }
    .mobile-menu-holder > ul > li.has-submenu > a {
      position: relative;
      padding-bottom: 12px;
    }
    .mobile-menu-holder > ul > li.has-submenu > a:before {
      content: "";
      background: linear-gradient(269.83deg, #CAB8F9 0%, #875FF2 28.76%, #6231E6 48.47%, #381D89 69.35%, #020416 90.29%);
      width: 100%;
      height: 1px;
      position: absolute;
      inset-inline-start: 0;
      inset-block-end: 0;
      opacity: 0.2;
      transform: scale(-1);
      transition: all 0.3s;
    }
    .mobile-menu-holder > ul > li.has-submenu > a:after {
      content: "";
      background: url("/wp-content/themes/aitech/src/img/menu-arrow-down.svg"), radial-gradient(80% 87.5% at 12.5% 77.5%, rgba(25, 11, 48, 0.2) 0%, rgba(1, 2, 10, 0.2) 100%);
      background-repeat: no-repeat;
      background-position: center;
      background-size: 16px;
      width: 32px;
      height: 32px;
      border: 1px solid rgba(117, 104, 151, 0.3);
      position: absolute;
      inset-inline-end: 0;
      inset-block-start: 50%;
      transform: translateY(-50%);
      transition: all 0.3s;
    }
    .mobile-menu-holder > ul > li.has-submenu .hidden-block {
      opacity: 0;
      visibility: hidden;
      height: 0;
      overflow: hidden;
      transition: all 0.3s;
    }
    .mobile-menu-holder > ul > li.has-submenu .hidden-block ul {
      margin-top: 12px;
    }
    .mobile-menu-holder > ul > li.has-submenu .hidden-block ul li a {
      padding: 12px 0;
      font-size: 16px;
      line-height: 24px;
      color: #875FF2;
      position: relative;
      display: flex;
      align-items: center;
      gap: 12px;
    }
    .mobile-menu-holder > ul > li.has-submenu .hidden-block ul li a:after {
      content: "";
      background: linear-gradient(269.83deg, #CAB8F9 0%, #875FF2 28.76%, #6231E6 48.47%, #381D89 69.35%, #020416 90.29%);
      width: 100%;
      height: 1px;
      position: absolute;
      inset-inline-start: 0;
      inset-block-end: 0;
      transform: scale(-1);
      opacity: 0.2;
    }
    .mobile-menu-holder > ul > li.has-submenu .hidden-block ul li a .image {
      border: 1px solid rgba(121, 121, 121, 0.3);
      background: radial-gradient(80% 87.5% at 12.5% 77.5%, rgba(57, 56, 58, 0.2) 0%, rgba(14, 14, 14, 0.2) 100%);
      border-radius: 4px;
      width: 100%;
      max-width: 40px;
      height: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .mobile-menu-holder > ul > li.has-submenu .hidden-block ul li a .image img {
      object-fit: contain;
    }
    .mobile-menu-holder > ul > li.has-submenu.active > a:before {
      opacity: 1;
    }
    .mobile-menu-holder > ul > li.has-submenu.active > a:after {
      background: url("/wp-content/themes/aitech/src/img/menu-arrow-up.svg"), radial-gradient(80% 87.5% at 12.5% 77.5%, rgba(25, 11, 48, 0.2) 0%, rgba(1, 2, 10, 0.2) 100%);
      background-repeat: no-repeat;
      background-position: center;
      background-size: 16px;
    }
    .mobile-menu-holder > ul > li.has-submenu.active .hidden-block {
      opacity: 1;
      visibility: visible;
    }
    .site-header .mobile-menu-holder > ul > li.has-submenu .hidden-block ul li a {
      display: flex !important;
      align-items: center;
      gap: 12px;
    }
    /* Grey theme styles */
    .grey-theme .mobile-menu-holder > ul > li.has-submenu > a:before {
      background: linear-gradient(269.83deg, #c0bfc2 0%, #686769 28.76%, #6c6c6d 48.47%, #2e2e2f 69.35%, #141415 90.29%);
    }
    .grey-theme .mobile-menu-holder > ul > li.has-submenu > a:after {
      background: url(/wp-content/themes/aitech/src/img/menu-arrow-down-grey.svg), radial-gradient(80% 87.5% at 12.5% 77.5%, rgba(45, 44, 45, 0.2) 0%, rgba(10, 10, 10, 0.2) 100%);
      background-repeat: no-repeat;
      background-position: center;
      background-size: 16px;
    }
    .grey-theme .mobile-menu-holder > ul > li.has-submenu.active > a:after {
      background: url(/wp-content/themes/aitech/src/img/menu-arrow-up-grey.svg), radial-gradient(80% 87.5% at 12.5% 77.5%, rgba(45, 44, 45, 0.2) 0%, rgba(10, 10, 10, 0.2) 100%);
      background-repeat: no-repeat;
      background-position: center;
      background-size: 16px;
    }
    .grey-theme .mobile-menu-holder > ul > li.has-submenu .hidden-block ul li a {
      color: #fff; 
    }
    .grey-theme .mobile-menu-holder > ul > li.has-submenu .hidden-block ul li a:after {
      background: linear-gradient(269.83deg, #a5a5a6 0%, #6d6c6f 28.76%, #4e4e4f 48.47%, #5a595c 69.35%, #1c1c1d 90.29%);
    }
    .grey-theme .mobile-menu-holder > ul > li.has-submenu .hidden-block ul li a .image {
      border: 1px solid rgba(121, 121, 121, 0.3);
      background: radial-gradient(80% 87.5% at 12.5% 77.5%, rgba(57, 56, 58, 0.2) 0%, rgba(14, 14, 14, 0.2) 100%);
      border-radius: 4px;
      width: 100%;
      max-width: 40px;
      height: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .mobile-menu-holder > ul > li.has-submenu .hidden-block ul li a .image img {
      object-fit: contain;
    }
}