html {
  scroll-behavior: smooth;
   scroll-padding-top: 80px;
}
  body {
        padding-top: 0px; /* Adjust this value based on your header height */
    }
    /* Shrink effect styles */

    .navbar {
  transition: all 0.3s ease;
}

.navbar.shrink .navbar-container {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.navbar.shrink {
      background-color: rgba(255, 255, 255, 0.5);
      backdrop-filter: blur(6px);
      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}


    #mega-menu-full-dropdown {
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
}
#mega-menu-full-dropdown:not(.hidden) {
    opacity: 1;
    transform: translateY(0);
}
#mega-menu-full-dropdown.hidden {
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
}

@keyframes fade-in {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
    animation: fade-in 0.6s ease-out;
}

    /* Content slide-in animation */
    @keyframes slideInFromLeft {
      0% {
        opacity: 0;
        transform: translateX(-100px);
      }
      100% {
        opacity: 1;
        transform: translateX(0);
      }
    }
        .slide-in-left {
      animation: slideInFromLeft 1s ease-out 0.3s both;
    }