/* ../../../../../MUKESH~1/AppData/Local/Temp/tmp-15776-ojk46BXARXj2/Source/src/css/themes/enigma/top-nav.css */
.enigma .top-nav {
  animation: 0.4s intro-top-menu ease-in-out 0.2s;
  animation-fill-mode: forwards;
}
.enigma .top-nav .top-menu {
  height: 55px;
  display: flex;
  align-items: center;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  margin-right: 0.25rem;
  color: #475569;
  position: relative;
  border-radius: 9999px;
}
@media (min-width: 1280px) {
  .enigma .top-nav .top-menu {
    border-radius: 0.75rem;
  }
}
.enigma .top-nav .top-menu .top-menu__icon {
  z-index: 10;
}
.enigma .top-nav .top-menu .top-menu__title {
  margin-left: 0.75rem;
  display: flex;
  align-items: center;
  white-space: nowrap;
  z-index: 10;
}
.enigma .top-nav .top-menu .top-menu__title .top-menu__sub-icon {
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform,
    filter,
    -webkit-backdrop-filter;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform,
    filter,
    backdrop-filter;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform,
    filter,
    backdrop-filter,
    -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  transition-duration: 100ms;
  width: 1rem;
  height: 1rem;
  display: none;
}
@media (min-width: 1280px) {
  .enigma .top-nav .top-menu .top-menu__title .top-menu__sub-icon {
    display: block;
  }
}
.enigma .top-nav > ul > li:nth-child(1) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(1 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(2) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(2 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(3) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(3 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(4) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(4 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(5) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(5 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(6) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(6 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(7) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(7 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(8) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(8 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(9) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(9 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(10) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(10 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(11) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(11 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(12) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(12 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(13) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(13 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(14) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(14 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(15) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(15 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(16) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(16 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(17) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(17 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(18) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(18 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(19) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(19 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(20) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(20 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(21) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(21 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(22) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(22 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(23) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(23 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(24) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(24 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(25) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(25 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(26) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(26 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(27) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(27 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(28) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(28 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(29) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(29 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(30) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(30 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(31) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(31 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(32) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(32 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(33) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(33 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(34) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(34 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(35) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(35 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(36) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(36 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(37) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(37 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(38) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(38 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(39) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(39 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(40) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(40 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(41) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(41 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(42) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(42 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(43) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(43 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(44) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(44 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(45) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(45 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(46) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(46 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(47) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(47 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(48) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(48 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(49) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(49 * 0.1s);
}
.enigma .top-nav > ul > li:nth-child(50) > a:not(.top-menu--active) {
  opacity: 0;
  transform: translateY(50px);
  animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
  animation-fill-mode: forwards;
  animation-delay: calc(50 * 0.1s);
}
.enigma .top-nav > ul > li:hover > .top-menu:not(.top-menu--active) {
  background-color: #f1f5f9;
}
.enigma .top-nav > ul > li:hover > .top-menu:not(.top-menu--active):before {
  content: "";
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 9999px;
  position: absolute;
  z-index: -1;
  border-bottom: 3px solid rgb(0 0 0 / 8%);
}
@media (min-width: 1280px) {
  .enigma .top-nav > ul > li:hover > .top-menu:not(.top-menu--active):before {
    border-radius: 0.75rem;
  }
}
.enigma .top-nav > ul > li:hover > .top-menu .top-menu__title .top-menu__sub-icon {
  transform: rotate(180deg);
}
.enigma .top-nav > ul > li:hover > ul {
  display: block;
}
.enigma .top-nav > ul > li > .top-menu {
  margin-top: 3px;
}
.enigma .top-nav > ul > li > .top-menu.top-menu--active {
  color: rgb(var(--color-theme-1) / 1);
  background-color: #f1f5f9;
}
.enigma .top-nav > ul > li > .top-menu.top-menu--active:before {
  content: "";
  display: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.75rem;
  position: absolute;
  border-bottom: 3px solid rgb(0 0 0 / 8%);
}
@media (min-width: 1280px) {
  .enigma .top-nav > ul > li > .top-menu.top-menu--active:before {
    display: block;
  }
}
.enigma .top-nav > ul > li > .top-menu.top-menu--active:after {
  content: "";
  width: 20px;
  height: 80px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='80' viewBox='0 0 20 122.1'%3E%3Cpath data-name='Union 1' d='M16.038 122H16v-2.213a95.805 95.805 0 00-2.886-20.735 94.894 94.894 0 00-7.783-20.434A39.039 39.039 0 010 61.051a39.035 39.035 0 015.331-17.567 94.9 94.9 0 007.783-20.435A95.746 95.746 0 0016 2.314V0h4v122h-3.961v.1l-.001-.1z' fill='%23f1f5f8'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin-left: auto;
  margin-right: auto;
  transform: rotate(90deg);
  display: none;
  animation: 0.3s ease-in-out 1s active-top-menu-chevron;
  animation-fill-mode: forwards;
  margin-bottom: -74px;
  opacity: 0;
}
@media (min-width: 1280px) {
  .enigma .top-nav > ul > li > .top-menu.top-menu--active:after {
    display: block;
  }
}
.enigma .top-nav > ul > li > .top-menu.top-menu--active .top-menu__icon {
  color: rgb(var(--color-theme-1) / 1);
}
.enigma .top-nav > ul > li > .top-menu.top-menu--active .top-menu__title {
  font-weight: 500;
  color: #1e293b;
}
@media (min-width: 1280px) {
  .enigma .top-nav > ul > li > .top-menu.top-menu--active .top-menu__title {
    color: rgb(var(--color-theme-1) / 1);
  }
}
.enigma .top-nav > ul > li > .top-menu .top-menu__icon {
  margin-top: -3px;
}
.enigma .top-nav > ul > li > .top-menu .top-menu__title {
  margin-top: -3px;
}
.enigma .top-nav > ul > li > .top-menu .top-menu__title .top-menu__sub-icon {
  margin-left: 0.5rem;
}
.enigma .top-nav > ul > li > ul {
  box-shadow: 0px 3px 20px #00000014;
  background-color: #f1f5f9;
  display: none;
  width: 14rem;
  position: absolute;
  border-radius: 0.375rem;
  z-index: 20;
  padding-left: 0;
  padding-right: 0;
  margin-top: 0.25rem;
}
.enigma .top-nav > ul > li > ul:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgb(255 255 255 / 4%);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.375rem;
  z-index: -1;
}
.enigma .top-nav > ul > li > ul:after {
  content: "";
  width: 100%;
  height: 0.25rem;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: calc(0.25rem * -1);
  cursor: pointer;
}
.enigma .top-nav > ul > li > ul > li {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  position: relative;
}
.enigma .top-nav > ul > li > ul > li:hover {
  position: relative;
}
.enigma .top-nav > ul > li > ul > li:hover > .top-menu .top-menu__title .top-menu__sub-icon {
  transform: rotate(-90deg);
}
.enigma .top-nav > ul > li > ul > li:hover > ul {
  display: block;
}
.enigma .top-nav > ul > li > ul > li > .top-menu {
  padding-left: 0;
  padding-right: 0;
  margin-right: 0;
}
.enigma .top-nav > ul > li > ul > li > .top-menu .top-menu__title {
  width: 100%;
}
.enigma .top-nav > ul > li > ul > li > .top-menu .top-menu__title .top-menu__sub-icon {
  margin-left: auto;
}
.enigma .top-nav > ul > li > ul > li > ul {
  box-shadow: 0px 3px 20px #00000014;
  left: 100%;
  background-color: #f1f5f9;
  display: none;
  width: 14rem;
  position: absolute;
  border-radius: 0.375rem;
  margin-top: 0;
  margin-left: 0;
  top: 0;
  z-index: 20;
  padding-left: 0;
  padding-right: 0;
}
.enigma .top-nav > ul > li > ul > li > ul:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgb(255 255 255 / 4%);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.375rem;
  z-index: -1;
}
.enigma .top-nav > ul > li > ul > li > ul:after {
  content: "";
  width: 100%;
  height: 0.25rem;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: calc(0.25rem * -1);
  cursor: pointer;
}
.enigma .top-nav > ul > li > ul > li > ul > li {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.enigma .top-nav > ul > li > ul > li > ul > li > .top-menu {
  padding-left: 0;
  padding-right: 0;
  margin-right: 0;
}
.enigma .top-nav > ul > li > ul > li > ul > li > .top-menu .top-menu__title {
  width: 100%;
}
.enigma .top-nav > ul > li > ul > li > ul > li > .top-menu .top-menu__title .top-menu__sub-icon {
  margin-left: auto;
}
@keyframes active-top-menu-chevron {
  100% {
    opacity: 1;
    margin-bottom: -56px;
  }
}
@keyframes intro-top-menu {
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes intro-menu-animation {
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
.dark .enigma .top-nav .top-menu .top-menu__icon {
  color: #94a3b8;
}
.dark .enigma .top-nav .top-menu .top-menu__title {
  color: #94a3b8;
}
.dark .enigma .top-nav > ul > li:hover > .top-menu:not(.top-menu--active) {
  background-color: transparent;
}
.dark .enigma .top-nav > ul > li:hover > .top-menu:not(.top-menu--active):before {
  background-color: rgb(var(--color-darkmode-700) / 1);
}
.dark .enigma .top-nav > ul > li > .top-menu.top-menu--active {
  background-color: rgb(var(--color-darkmode-700) / 1);
}
.dark .enigma .top-nav > ul > li > .top-menu.top-menu--active:before {
  border-color: rgb(0 0 0 / 8%);
  background-color: rgb(var(--color-darkmode-700) / 1);
}
.dark .enigma .top-nav > ul > li > .top-menu.top-menu--active:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='80' viewBox='0 0 20 122.1'%3E%3Cpath data-name='Union 1' d='M16.038 122H16v-2.213a95.805 95.805 0 00-2.886-20.735 94.894 94.894 0 00-7.783-20.434A39.039 39.039 0 010 61.051a39.035 39.035 0 015.331-17.567 94.9 94.9 0 007.783-20.435A95.746 95.746 0 0016 2.314V0h4v122h-3.961v.1l-.001-.1z' fill='%23232e45'/%3E%3C/svg%3E");
}
.dark .enigma .top-nav > ul > li > .top-menu.top-menu--active .top-menu__icon {
  color: white;
}
.dark .enigma .top-nav > ul > li > .top-menu.top-menu--active .top-menu__title {
  color: white;
}
.dark .enigma .top-nav > ul > li > ul {
  box-shadow: 0px 3px 7px #0000001c;
  background-color: rgb(var(--color-darkmode-600) / 1);
}
.dark .enigma .top-nav > ul > li > ul:before {
  background-color: rgb(0 0 0 / 10%);
}
.dark .enigma .top-nav > ul > li > ul > li > ul {
  box-shadow: 0px 3px 7px #0000001c;
  background-color: rgb(var(--color-darkmode-600) / 1);
}
.dark .enigma .top-nav > ul > li > ul > li > ul:before {
  background-color: rgb(0 0 0 / 10%);
}
.dark .enigma .top-nav > ul > li > ul > li > ul > li > .top-menu .top-menu__title .top-menu__sub-icon {
}