.kt_mobile_item.active {
  color: #6c5ce7e1 !important;
  position: relative;
}

.kt_mobile_item.active::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%);
  width: 15px;
  height: 2px;
  background-color: #686de0;
  border-radius: 2px;
}

.kt_nav_item.active {
  color: white !important;
}

#kt_main_nav:hover .kt_nav_item.active {
  color: #6c5ce7e1 !important;
}

.kt_nav_item:hover {
  color: white !important;
}

.kt_btn_aware {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}

.kt_btn_aware::before {
  content: "";
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: 0;
  height: 0;
  background: #6c5ce7e1;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition:
    width 0.6s ease,
    height 0.6s ease;
  z-index: 0;
}

#kt_mobile_menu .kt_btn_aware::before {
  background: #6c5ce7;
}

.kt_btn_aware:hover::before {
  width: 300px;
  height: 300px;
}

.kt_btn_aware span {
  position: relative;
  z-index: 10;
}