.carousel-area .tns-nav button:hover, .carousel-area .tns-nav button.tns-nav-active {
  background: #fff;
}

/* Mobile navbar styles */
@media (max-width: 1023px) {
  .navbar-collapse {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    z-index: 40;
    padding: 1rem 0;
  }
  
  .navbar-collapse.flex {
    display: flex !important;
  }
  
  .navbar-nav {
    width: 100%;
  }
  
  .nav-item {
    width: 100%;
    text-align: center;
    padding: 0.5rem 0;
  }
  
  .navbar-link {
    display: block;
    padding: 0.75rem 1rem;
    width: 100%;
  }
  
  /* Hamburger animation */
  .navbar-toggler.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
  }
  
  .navbar-toggler.active span:nth-child(2) {
    opacity: 0;
  }
  
  .navbar-toggler.active span:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -6px);
  }
}
/*# sourceMappingURL=main.css.map */