.site-navigation ul.menu li ul {
    background: #000 !important;
    display: none;
    left: 0;
    min-width: 150px;
    position: absolute;
    top: 100%;
    z-index: 2;
}

/* Apply only on tablet + mobile */
@media (max-width: 1024px) {
  .menu-item-has-children > a::after {
      content: "▾"; /* or ▸ if you want right arrow first */
      font-size: 24px;   /* doubled size */
      margin-left: 8px;
      display: inline-block;
      color: #000;       /* black chevron */
      transition: transform 0.2s ease;
      vertical-align: middle; /* helps align with text */
  }

  .menu-item-has-children.elementor-active > a::after,
  .menu-item-has-children:hover > a::after {
      transform: rotate(180deg);
  }
}