.bdt-navbar > li > a {
  transition: all 350ms cubic-bezier(0, 0.43, 0.29, 0.96);
}
.bdt-navbar .bdt-navbar-nav li.coming-soon,
.bdt-navbar .bdt-navbar-nav li.new,
.bdt-navbar .bdt-navbar-nav li.hot,
.bdt-navbar .bdt-navbar-nav li.updated {
  position: relative;
}
.bdt-navbar .bdt-navbar-nav li.coming-soon::after,
.bdt-navbar .bdt-navbar-nav li.new::after,
.bdt-navbar .bdt-navbar-nav li.hot::after,
.bdt-navbar .bdt-navbar-nav li.updated::after {
  content: "";
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 7px;
  background: rgba(20, 171, 244, 0.58);
  color: #fff;
  font-size: 8px;
  padding-block: 1px;
  padding-inline: 5px;
  border-radius: 2px;
}
.bdt-navbar .bdt-navbar-nav li.coming-soon::after {
  content: "UPCOMING";
}
.bdt-navbar .bdt-navbar-dropdown-nav li.hot::after {
  content: "HOT";
  background: rgba(20, 171, 244, 0.58);
}
.bdt-navbar .bdt-navbar-nav li.new::after {
  content: "NEW";
  background: #F2295B;
}
.bdt-navbar .bdt-navbar-nav li.updated::after {
  content: "UPDATED";
  background: #ef7f09;
}
.bdt-nav.bdt-navbar-dropdown-nav li.bdt-parent {
  position: relative;
}
.bdt-nav.bdt-navbar-dropdown-nav li.bdt-parent .bdt-navbar-dropdown {
  inset-block-start: 0 !important;
  inset-inline-start: 100% !important;
  inset-inline-end: auto;
}
.bdt-navbar-parent-indicator-yes ul > li.bdt-parent > a {
  position: relative;
}
.bdt-navbar-parent-indicator-yes ul > li.bdt-parent > a::after {
  font: normal normal normal 9px/1 element-pack;
  position: relative;
  content: "\e910";
  inset-block-start: 1px;
  margin-inline-start: 12px;
  background: none !important;
}
.bdt-navbar-parent-indicator-yes .bdt-navbar-dropdown-nav > li.bdt-parent > a::after {
  position: absolute;
  inset-block-start: calc(50% + 1px);
  inset-inline-end: 0;
  transform: translate(-50%, -50%);
  transform-origin: center;
  content: "\e925";
  margin: 0;
}
/* Auto Hiding Menu */
.bdt-auto-hide-menu .bdt-cd-secondary-nav {
  position: relative;
  z-index: 1;
  clear: both;
  inline-size: 100%;
  transform: translateZ(0);
  will-change: transform;
  transition: transform 0.5s;
}
.bdt-auto-hide-menu .bdt-cd-secondary-nav::before,
.bdt-auto-hide-menu .bdt-cd-secondary-nav::after {
  content: '';
  position: absolute;
  z-index: 1;
  inset-block-start: 0;
  block-size: 100%;
  inline-size: 20px;
  background: transparent;
  pointer-events: none;
  transition: opacity 0.2s;
}
.bdt-auto-hide-menu .bdt-cd-secondary-nav::after {
  inset-inline-end: 0;
  background: linear-gradient(to inline-start, #fff, rgba(37, 40, 61, 0));
}
.bdt-auto-hide-menu .bdt-cd-secondary-nav::before {
  inset-inline-start: 0;
  background: linear-gradient(to inline-end, #fff, rgba(37, 40, 61, 0));
}
.bdt-auto-hide-menu .bdt-cd-secondary-nav > ul,
.bdt-auto-hide-menu .bdt-cd-secondary-nav > ul > li,
.bdt-auto-hide-menu .bdt-cd-secondary-nav > ul > li > a {
  block-size: 100%;
}
.bdt-auto-hide-menu .bdt-cd-secondary-nav > ul {
  display: flex;
  overflow-inline: auto;
  -webkit-overflow-scrolling: touch;
  justify-content: flex-start;
}
.bdt-auto-hide-menu .bdt-cd-secondary-nav > ul > li {
  display: inline-block;
  flex-shrink: 0;
}
/* Navbar Styles */
.bdt-navbar-nav > li > a {
  transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;
  position: relative;
}
/* Style 1 */
.bdt-navbar-style-1 .bdt-navbar-nav > li > a::before {
  content: '';
  position: absolute;
  inset-block-start: 0;
  inset-inline: 15px;
  block-size: 2px;
  background-color: transparent;
  transform: scale3d(0, 1, 1);
  transition: background-color 0.1s, opacity 0.1s, transform 0.1s;
}
.bdt-navbar-style-1 .bdt-navbar-nav > li.bdt-active > a::before,
.bdt-navbar-style-1 .bdt-navbar-nav > li:hover > a::before {
  transform: scale3d(1, 1, 1);
  background-color: #1e87f0;
}
/* Style 2 */
.bdt-navbar-style-2 .bdt-navbar-nav > li > a::after {
  content: '';
  position: absolute;
  inset-block-end: 0;
  inset-inline: 15px;
  block-size: 2px;
  background-color: transparent;
  transform: scale3d(0, 1, 1);
  transition: background-color 0.1s, opacity 0.1s, transform 0.1s;
}
.bdt-navbar-style-2 .bdt-navbar-nav > li.bdt-active > a::after,
.bdt-navbar-style-2 .bdt-navbar-nav > li:hover > a::after {
  transform: scale3d(1, 1, 1);
  background-color: #1e87f0;
}
/* Style 3 */
.bdt-navbar-style-3 .bdt-navbar-nav > li > a::after {
  content: '';
  position: absolute;
  inset-inline: 10px;
  block-size: 8px;
  transform: scale3d(0, 1, 1);
  transform-origin: inline-start;
  z-index: -1;
  transition: transform 0.25s ease;
}
.bdt-navbar-style-3 .bdt-navbar-nav > li.bdt-active > a::after,
.bdt-navbar-style-3 .bdt-navbar-nav > li:hover > a::after {
  transform: scale3d(1, 1, 1);
  background-color: #1e87f0;
}
/* Style 4 */
.bdt-navbar-style-4 .bdt-navbar-nav > li > a::before {
  content: '';
  position: absolute;
  inset-block-end: 0;
  inset-inline: 10px;
  block-size: 2px;
  background-color: currentColor;
  transform: scaleX(0);
  transform-origin: bottom inline-end;
  transition: transform 0.5s ease;
}
.bdt-navbar-style-4 .bdt-navbar-nav > li.bdt-active > a::before,
.bdt-navbar-style-4 .bdt-navbar-nav > li:hover > a::before {
  transform: scaleX(1);
  transform-origin: bottom inline-start;
}
@media (min-width: 1025px) {
  .bdt-auto-hide-menu .bdt-cd-secondary-nav {
    overflow: visible;
  }
  .bdt-auto-hide-menu .bdt-cd-secondary-nav > ul {
    display: block;
  }
  .bdt-auto-hide-menu .bdt-cd-secondary-nav > ul > li {
    flex-shrink: 1;
  }
}
