.theme-main-menu.liquid-glass-menu {
  --menu-liquid-accent: #ff4f40;
  --menu-liquid-glass: #bbbbbc;
  --menu-liquid-light: #ffffff;
  --menu-liquid-dark: #1f1c20;
  position: relative;
  isolation: isolate;
  top: 0;
  width: calc(100% - 32px);
  max-width: 1500px;
  margin: 12px auto 0;
  padding: 8px 28px;
  background-color: rgba(187, 187, 188, 0.18);
  background-color: color-mix(in srgb, var(--menu-liquid-glass) 18%, transparent);
  border: 0;
  border-radius: 38px;
  outline: 1px solid color-mix(in srgb, var(--menu-liquid-dark) 8%, transparent);
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--menu-liquid-light) 10%, transparent),
    inset 1.8px 3px 0 -2px color-mix(in srgb, var(--menu-liquid-light) 90%, transparent),
    inset -2px -2px 0 -2px color-mix(in srgb, var(--menu-liquid-light) 80%, transparent),
    inset -3px -8px 1px -6px color-mix(in srgb, var(--menu-liquid-light) 60%, transparent),
    inset -0.3px -1px 4px color-mix(in srgb, var(--menu-liquid-dark) 12%, transparent),
    inset 0 3px 4px -2px color-mix(in srgb, var(--menu-liquid-dark) 18%, transparent),
    0 1px 5px color-mix(in srgb, var(--menu-liquid-dark) 9%, transparent),
    0 7px 20px color-mix(in srgb, var(--menu-liquid-dark) 8%, transparent);
  -webkit-backdrop-filter: blur(12px) saturate(158%) contrast(86%) brightness(108%);
  backdrop-filter: blur(10px) url(#liquid-glass-menu-refraction) saturate(158%) contrast(86%) brightness(108%);
  transition:
    background-color 240ms ease,
    box-shadow 240ms ease,
    transform 320ms cubic-bezier(0.22, 1, 0.36, 1);
}

.theme-main-menu.liquid-glass-menu.fixed {
  position: fixed;
  top: 12px;
  right: 16px;
  left: 16px;
  width: auto;
  margin: 0 auto;
}

.theme-main-menu.liquid-glass-menu::before,
.theme-main-menu.liquid-glass-menu::after {
  content: '';
  position: absolute;
  border-radius: inherit;
  pointer-events: none;
}

.theme-main-menu.liquid-glass-menu::before {
  z-index: 0;
  inset: 2px;
  background:
    radial-gradient(circle 150px at 10% -5%, color-mix(in srgb, var(--menu-liquid-light) 82%, transparent), transparent 70%),
    radial-gradient(ellipse 28% 95% at 4% 118%, color-mix(in srgb, var(--menu-liquid-accent) 12%, transparent), transparent 74%),
    radial-gradient(ellipse 24% 72% at 74% 122%, color-mix(in srgb, #e48bc4 9%, transparent), transparent 76%),
    radial-gradient(ellipse 24% 90% at 102% 8%, color-mix(in srgb, #a8c7df 10%, transparent), transparent 78%);
  opacity: 0.8;
}

.theme-main-menu.liquid-glass-menu::after {
  z-index: 2;
  inset: 1px;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--menu-liquid-light) 84%, transparent), transparent 14%, transparent 82%, color-mix(in srgb, var(--menu-liquid-light) 36%, transparent)),
    linear-gradient(105deg, color-mix(in srgb, var(--menu-liquid-light) 34%, transparent), transparent 18%, transparent 80%, color-mix(in srgb, var(--menu-liquid-light) 16%, transparent));
  mix-blend-mode: screen;
  opacity: 0.52;
}

.liquid-glass-menu__filter {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}

.theme-main-menu.liquid-glass-menu > .inner-content {
  z-index: 3;
}

.theme-main-menu.liquid-glass-menu .navbar .navbar-nav .nav-link {
  margin: 0 3px;
  padding: 12px 18px;
  border-radius: 14px;
  color: rgba(23, 23, 26, 1);
  transition:
    color 200ms ease,
    background-color 220ms ease,
    box-shadow 220ms ease,
    transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

.theme-main-menu.liquid-glass-menu .navbar .navbar-nav .nav-item:hover .nav-link,
.theme-main-menu.liquid-glass-menu .navbar .navbar-nav .nav-link.active,
.theme-main-menu.liquid-glass-menu .navbar .navbar-nav .nav-link:focus-visible {
  color: var(--menu-liquid-accent);
  background-color: rgba(187, 187, 188, 0.22);
  background-color: color-mix(in srgb, var(--menu-liquid-glass) 22%, transparent);
  box-shadow:
    inset 1.5px 2px 0 -1px color-mix(in srgb, var(--menu-liquid-light) 82%, transparent),
    inset -1px -1px 0 -1px color-mix(in srgb, var(--menu-liquid-light) 72%, transparent),
    inset 0 -3px 5px -3px color-mix(in srgb, var(--menu-liquid-dark) 12%, transparent),
    0 2px 7px color-mix(in srgb, var(--menu-liquid-dark) 7%, transparent);
  text-decoration: none;
}

.theme-main-menu.liquid-glass-menu .navbar .navbar-nav .nav-link:active {
  transform: scale(0.97);
}

.theme-main-menu.liquid-glass-menu .navbar .navbar-nav .nav-link:focus-visible {
  outline: 2px solid var(--menu-liquid-accent);
  outline-offset: 2px;
}

.theme-main-menu.liquid-glass-menu .login-btn-one,
.theme-main-menu.liquid-glass-menu .contact-btn-two,
.theme-main-menu.liquid-glass-menu #userDropdown {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow:
    inset 1.5px 2px 0 -1px rgba(255, 255, 255, 0.78),
    inset 0 -3px 5px -3px rgba(31, 28, 32, 0.12),
    0 2px 7px rgba(31, 28, 32, 0.06);
}

.theme-main-menu.liquid-glass-menu #userDropdown[aria-expanded='true'] {
  color: var(--menu-liquid-accent) !important;
  background-color: rgba(187, 187, 188, 0.28);
  background-color: color-mix(in srgb, var(--menu-liquid-glass) 28%, transparent);
  border-radius: 14px;
  box-shadow:
    inset 1.5px 2px 0 -1px rgba(255, 255, 255, 0.88),
    inset -1px -1px 0 -1px rgba(255, 255, 255, 0.7),
    inset 0 -3px 5px -3px rgba(31, 28, 32, 0.14),
    0 3px 9px rgba(31, 28, 32, 0.08);
}

.theme-main-menu.liquid-glass-menu .right-widget .dropdown-menu {
  --dropdown-liquid-radius: 18px;
  min-width: 220px;
  margin-top: 10px !important;
  padding: 8px;
  overflow: visible;
  background-color: rgba(187, 187, 188, 0.24);
  background-color: color-mix(in srgb, var(--menu-liquid-glass) 24%, transparent);
  background-image:
    radial-gradient(ellipse 110% 70% at 12% -10%, rgba(255, 255, 255, 0.68), transparent 64%),
    radial-gradient(ellipse 90% 74% at 110% 112%, rgba(168, 199, 223, 0.1), transparent 72%),
    radial-gradient(ellipse 82% 76% at -4% 116%, rgba(255, 79, 64, 0.08), transparent 74%);
  border: 0;
  border-radius: var(--dropdown-liquid-radius);
  outline: 1px solid color-mix(in srgb, var(--menu-liquid-dark) 9%, transparent);
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--menu-liquid-light) 11%, transparent),
    inset 1.8px 3px 0 -2px color-mix(in srgb, var(--menu-liquid-light) 92%, transparent),
    inset -2px -2px 0 -2px color-mix(in srgb, var(--menu-liquid-light) 78%, transparent),
    inset -3px -8px 1px -6px color-mix(in srgb, var(--menu-liquid-light) 58%, transparent),
    inset 0 3px 4px -2px color-mix(in srgb, var(--menu-liquid-dark) 16%, transparent),
    0 9px 24px color-mix(in srgb, var(--menu-liquid-dark) 12%, transparent);
  -webkit-backdrop-filter: blur(14px) saturate(158%) contrast(86%) brightness(108%);
  backdrop-filter: blur(12px) saturate(158%) contrast(86%) brightness(108%);
}

.theme-main-menu.liquid-glass-menu .right-widget .dropdown-menu::before {
  content: '';
  position: absolute;
  top: -11px;
  right: 18px;
  width: 62px;
  height: 14px;
  background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--menu-liquid-glass) 22%, transparent));
  border-radius: 18px 18px 0 0;
  pointer-events: none;
}

.theme-main-menu.liquid-glass-menu .right-widget .dropdown-item {
  position: relative;
  padding: 11px 13px;
  color: rgba(23, 23, 26, 1);
  border-radius: 12px;
  transition: color 180ms ease, background-color 200ms ease, box-shadow 200ms ease, transform 180ms ease;
}

.theme-main-menu.liquid-glass-menu .right-widget .dropdown-item:hover,
.theme-main-menu.liquid-glass-menu .right-widget .dropdown-item:focus,
.theme-main-menu.liquid-glass-menu .right-widget .dropdown-item.active {
  color: var(--menu-liquid-accent);
  background-color: rgba(187, 187, 188, 0.3);
  background-color: color-mix(in srgb, var(--menu-liquid-glass) 30%, transparent);
  box-shadow:
    inset 1.5px 2px 0 -1px rgba(255, 255, 255, 0.82),
    inset 0 -3px 5px -3px rgba(31, 28, 32, 0.12),
    0 2px 7px rgba(31, 28, 32, 0.06);
}

.theme-main-menu.liquid-glass-menu .right-widget .dropdown-item:active {
  transform: scale(0.985);
}

.theme-main-menu.liquid-glass-menu .right-widget .dropdown-divider {
  margin: 6px 8px;
  border-color: color-mix(in srgb, var(--menu-liquid-dark) 10%, transparent);
  opacity: 1;
}

.theme-main-menu.liquid-glass-menu .navbar-toggler {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background-color: rgba(255, 79, 64, 0.9);
  box-shadow:
    inset 1.5px 2px 0 -1px rgba(255, 255, 255, 0.58),
    inset 0 -3px 5px -3px rgba(31, 28, 32, 0.22),
    0 3px 9px rgba(31, 28, 32, 0.1);
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .theme-main-menu.liquid-glass-menu {
    background: rgba(247, 248, 251, 0.94);
  }
}

@supports (-webkit-touch-callout: none) {
  .theme-main-menu.liquid-glass-menu {
    background-color: rgba(187, 187, 188, 0.24);
    -webkit-backdrop-filter: blur(13px) saturate(158%) contrast(86%) brightness(108%);
  }

  .theme-main-menu.liquid-glass-menu .right-widget .dropdown-menu {
    background-color: rgba(187, 187, 188, 0.3);
    -webkit-backdrop-filter: blur(15px) saturate(158%) contrast(86%) brightness(108%);
  }
}

@media screen and (max-width: 991px) {
  .theme-main-menu.liquid-glass-menu {
    width: calc(100% - 24px);
    margin-top: 10px;
    padding: 7px 14px;
    border-radius: 34px;
  }

  .theme-main-menu.liquid-glass-menu.fixed {
    top: 10px;
    right: 12px;
    left: 12px;
    width: auto;
    margin: 0 auto;
  }

  .theme-main-menu.liquid-glass-menu .logo {
    min-height: 48px;
  }

  .theme-main-menu.liquid-glass-menu .logo img {
    width: 138px;
  }

  .theme-main-menu.liquid-glass-menu .navbar .navbar-nav .nav-link {
    margin: 0;
    padding: 14px 18px;
  }
}

@media screen and (max-width: 360px) {
  .theme-main-menu.liquid-glass-menu {
    width: calc(100% - 18px);
    padding-inline: 11px;
  }
}

@media (prefers-contrast: more) {
  .theme-main-menu.liquid-glass-menu {
    background: rgba(248, 248, 250, 0.88);
    outline-color: rgba(0, 0, 0, 0.24);
  }
}

@media (prefers-reduced-motion: reduce) {
  .theme-main-menu.liquid-glass-menu,
  .theme-main-menu.liquid-glass-menu .navbar .navbar-nav .nav-link {
    transition: none;
  }
}

@media print {
  .theme-main-menu.liquid-glass-menu {
    position: relative;
    top: 0;
    width: 100%;
    margin-top: 0;
    background: #fff;
    box-shadow: none;
    outline: 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}