@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap");

body {
  font-family: "Inter", sans-serif;
}
.safe-bottom {
  padding-bottom: env(safe-area-inset-bottom);
}
/* Placeholder for the background image */
.hero-bg {
  position: fixed; /* Fixed position for scrolling */
  top: 0;
  left: 0;
  width: 100%;
  height: 55%; /* Covers top half */
  background-color: #457b73; /* Fallback color */
  background-image: url("../../internet.webp"); /* Adjusted path relative to css file */
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  z-index: 0;
}
.hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1); /* Slight overlay for text readability */
  z-index: 1;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}