:root {
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #080808;
    --bs-body-bg: #fff;
}

/* Reset some browser defaults */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.6;
    background-color: #fff9f9;
    color: #0a0a0a;
}
header{
    background: linear-gradient(rgba(0, 0, 0, 0.829), rgba(0, 0, 0, 0.363)), url('./images/top-himal.jpg') no-repeat center center/cover;
  min-height: 100vh;

}
.navbar {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  background-color: transparent;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.navbar-scrolled {
  background-color: #000; /* Solid background color when scrolled */
 padding: 0;
 height: 6rem;
}

.navbar .navbar-brand img{
    width: 12rem;
}

.hero-box {
  max-width: 500px;
  border: 1px solid #ffc107;
  padding: 2rem;
  margin-top: 8rem;
  background-color: rgba(0, 0, 0, 0.4);
}
.experience-section {
  width: 100%;
}
.experience-section img{
    width: 8rem;
    height: 6rem;

}

.Adventure-Section{
    height: 120vh;

}
.Adventure-Section .container{
    max-width: fit-content;
    margin: auto;
}
.Adventure-Section img{
    width: 4rem;
    height: 6rem;

}

@media (max-width: 991.98px) {
  .navbar-collapse {
    background-color: #1a1a1a; /* Dark background for collapsed menu */
    padding: 1rem;
    border-radius: 0.5rem;
  }

  .navbar-collapse .nav-link {
    color: #fff;
  }

  .navbar-collapse .nav-link:hover {
    color: #f9c74f; /* Highlight on hover */
  }
}