/* Smooth glow hover for feature blocks */
.feature-hover:hover {
  box-shadow: 0 0 20px rgba(16, 155, 241, 0.3);
  transform: translateY(-4px);
  transition: all 0.3s ease;
}

/* Smooth transitions globally */
* {
  transition: all 0.2s ease-in-out;
}

/* Mobile slide-in menu animation */
#menu {
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

#menu.hidden {
  transform: translateX(100%);
  opacity: 0;
}

#menu.visible {
  transform: translateX(0);
  opacity: 1;
}

/* Hide scrollbar */
.no-scrollbar {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Opera */
}

.footer-section-bg {
  /* No image on mobile */
  /* Solid blue on mobile */
  min-height: 200px;
  background-color: #0066a6;
  /* Added min-height for mobile to give some space if content is short */
}

@media (min-width: 1280px) {
  .footer-section-bg {
    background-image: url("../images/footerbg.svg");
    /* Image on desktop */
    /* Remove solid color when image is present */
    background-size: cover;
    background-color: transparent;
    background-position: center;
    background-position-y: top;
    background-repeat: no-repeat;
    min-height: 600px;
  }
}

body.no-scroll {
  overflow: hidden;
  height: 100vh;
}

/* Mobile + small tablets */
/* Mobile + small tablets */
@media (max-width: 1280px) {

  /* Changed from 768px to 1280px to cover xl:hidden breakpoint */
  nav {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw !important;
    /* Ensure it takes full viewport width */
    box-sizing: border-box;
    /* Include padding in width calculation */
    overflow: hidden !important;
    /* Changed from visible to hidden */
  }

  /* Ensure the container doesn't cause overflow */
}