/* 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 {
  background-image: none;
  /* No image on mobile */
  background-color: #0066a6;
  /* Solid blue on mobile */
  min-height: 200px;
  /* 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 */
        background-color: transparent;
        /* Remove solid color when image is present */
        background-size: cover;
        background-position: center;
        background-position-y: top;
        background-repeat: no-repeat;
        min-height: 600px;
      }
    }