:root {
  --mainmenu-normal-background-color: linear-gradient(-45deg, #b721ff, #21d4fd, #b721ff);
  --mainmenu-navbar-open-background-color-handy: linear-gradient(-45deg, #b721ff, #21d4fd, #b721ff);
  --top-symbol-background-color: linear-gradient(-45deg, #b721ff, #21d4fd, #b721ff);
}

.notification-area li > a {
  background: linear-gradient(-45deg, #b721ff, #21d4fd, #b721ff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent; 
}

.mai-user-nav > .nav-item.dropdown > .nav-link img {
  padding: 3px;
  border: 0;
  background: linear-gradient(-45deg, #b721ff, #21d4fd, #b721ff);    
  -webkit-mask-composite: xor;
  mask-composite: exclude;  
}

.mai-nav-tabs-sub > .selected, .horizontal-menu ul.mai-nav-tabs-sub li:hover {
  border-bottom: 5px solid transparent;
  border-image: linear-gradient(to right, #b721ff, #21d4fd) 1;
  border-image-slice: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
}