/* Replace missing icon-font dropdown glyphs with a font-independent triangle. */
#masthead .nav-item-has-children > a::after,
#masthead .menu-item-has-children > a::after,
#mobile-sidebar .menu-item-has-children > a::after {
  content: "" !important;
  display: inline-block !important;
  width: 0 !important;
  height: 0 !important;
  margin-left: 7px !important;
  vertical-align: middle !important;
  border-left: 4px solid transparent !important;
  border-right: 4px solid transparent !important;
  border-top: 5px solid currentColor !important;
  font-size: 0 !important;
}
#masthead .nav-item-has-children > a::before,
#masthead .menu-item-has-children > a::before,
#mobile-sidebar .menu-item-has-children > a::before {
  content: none !important;
  display: none !important;
}

#masthead .hp-ai-scene-menu-item > a,
#mobile-sidebar .hp-ai-scene-menu-item > a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: row !important;
  gap: 6px !important;
  white-space: nowrap !important;
}

#menu-menu-1 .hp-ai-scene-menu-item > a {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

#masthead .hp-ai-scene-menu-item i,
#mobile-sidebar .hp-ai-scene-menu-item i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  height: 14px !important;
  min-width: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 16px !important;
  line-height: 14px !important;
  vertical-align: middle !important;
}

#masthead .hp-ai-scene-menu-item i::before,
#mobile-sidebar .hp-ai-scene-menu-item i::before {
  display: block !important;
  width: 16px !important;
  height: 14px !important;
  line-height: 14px !important;
}

#masthead .hp-ai-scene-menu-item span,
#mobile-sidebar .hp-ai-scene-menu-item span {
  display: inline-block !important;
  line-height: 14px !important;
}

.hp-mobile-ai-scene-link {
  display: none !important;
}

@media (max-width: 767px) {
  .header-area.bg-style-five .container {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .header-content-five {
    padding-right: 10px !important;
  }

  .header-content-five p {
    width: 100% !important;
    justify-content: center !important;
    padding-right: 10px !important;
    margin-bottom: 0 !important;
  }

  .header-content-five .free-trial {
    margin-right: 10px !important;
    white-space: nowrap !important;
  }

  .navbar.bg-color .others-options-five,
  .navbar .others-options {
    gap: 10px !important;
    margin-left: 0 !important;
  }

  .hp-mobile-ai-scene-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    width: auto !important;
    min-width: 70px !important;
    height: 28px !important;
    padding: 0 7px !important;
    border: 1px solid rgba(90, 209, 230, 0.55) !important;
    border-radius: 999px !important;
    color: #5AD1E6 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .hp-mobile-ai-scene-link i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 14px !important;
    height: 14px !important;
    font-size: 14px !important;
    line-height: 14px !important;
  }

  .hp-mobile-ai-scene-link span {
    display: inline-block !important;
    line-height: 1 !important;
  }
}
