/* Default logo size */
.site-logo {
  max-height: 70px;
  width: auto;
}

.top-nav a {
  color: #fff; /* White by default for dark background */
  text-decoration: none;
}

.top-nav a:hover {
  color: #a8d0e6; /* Light blue hover (visible on dark bg) */
}

.owl-lazy {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.owl-lazy-loaded {
  opacity: 1;
}

.parallax-container {
    overflow: hidden;
    position: relative;
}

.parallax-img {
    transition: transform 0.5s ease-out;
    will-change: transform;
}

/* Smaller logo on mobile */
@media (max-width: 991px) {

  .site-logo {
    max-height: 50px;
  }

 

  /* White background for toggle (collapsed) menu */
  .navbar-collapse {
    padding: 10px 0;
    border-radius: 8px;
  }

  /* Each nav-item gets a white block background */
  .navbar-nav .nav-item {
    background-color: #fff;
    border-bottom: 1px solid #eee;
  }

  .navbar-nav .nav-link {
    color: #0d3f99 !important;
    padding: 10px 15px;
    text-align: left;
  }

  .navbar-nav .nav-link:hover {
    background-color: #f1f1f1;
  }

  /* Optional: rounded dropdown look */
  .dropdown-menu {
    border: none;
    border-radius: 8px;
  }

  .navbar-nav .nav-item.nav-link,
  .navbar-nav .dropdown-toggle {
    display: block;
    padding-left: 20px !important; /* ⬅️ space from start */
    text-align: left;              /* keep text aligned */
  }

  /* optional: align dropdown items too */
  .navbar-nav .dropdown-menu .dropdown-item {
    padding-left: 30px !important; /* indent inside dropdown */
  }

  .top-nav {
    justify-content: center !important; /* center items on mobile */
  }

  .top-nav .top-text {
    margin-right: 10px; /* space between items */
    margin-bottom: 5px; /* space between rows if wrapped */
  }

  .top-nav .top-text a i {
    vertical-align: middle;
  }

  
}