/* Hide scrollbars for all browsers (width and height) */
html, body {
  overflow-x: hidden;   /* Prevent horizontal scroll */
  overflow-y: auto;     /* Allow vertical scroll */
  height: 100%;
}

.hide-scrollbar {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* IE and Edge */
}
.hide-scrollbar::-webkit-scrollbar {
  width: 0px;
  background: transparent; /* Chrome/Safari/Opera */
}

/* Animated background image styles */
.custom-bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: background-image 1s ease-in-out;
  min-height: 100vh;
}
/* Make content more transparent to blend with background */
.custom-content {
  background: rgba(255,255,255,0.75);
  /* For dark mode */
}
@media (prefers-color-scheme: dark) {
  .custom-content {
    background: rgba(15,23,42,0.78);
  }
}
.about-img-bg {
  background-image: url("../infep/slide/facebookpagecover.jpg");
}

@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}