.header-area.header-bg::before {
    background: rgba(0, 0, 0, 0.55) !important; /* soft dark overlay */
}

@media (max-width: 768px) {

  /* Remove big floating box effect */
  .navbar-area.nav-style-02 .nav-container .logo-wrapper {
      position: relative !important;
      top: 0 !important;
      padding: 5px 10px !important;
      margin: 0 !important;
      box-shadow: none !important;
  }

  /* Reduce navbar container padding */
  .navbar-area {
      padding: 5px 0 !important;
  }

  .nav-container {
      padding: 0 10px !important;
  }

  /* Reduce logo size */
  .logo-wrapper img {
      max-height: 45px !important;
      width: auto !important;
  }

  /* Reduce toggle button spacing */
  .navbar-toggler {
      padding: 5px !important;
      margin: 0 !important;
  }

  /* Remove extra spacing from responsive menu wrapper */
  .responsive-mobile-menu {
      padding: 0 !important;
  }

}

@media (max-width: 768px) {

  .header-slider-area::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.5);
      z-index: 1;
  }

  .header-slider-area .container {
      position: relative;
      z-index: 2;
  }

}

@media (max-width: 768px) {

  .slider-content h1 {
      font-size: 22px !important;
      line-height: 30px !important;
  }

  .slider-content p {
      font-size: 14px !important;
  }

  .slider-content .btn {
      padding: 10px 20px !important;
      font-size: 14px !important;
  }

}


@media (max-width: 768px) {
  .navbar-area.nav-style-02 .nav-container .logo-wrapper {
      all: unset;
      display: flex !important;
      align-items: center;
  }
}