html {
    scroll-behavior: smooth;
  }
  body {
    font-family: 'Poppins', sans-serif;
  }
  .hero-bg {
    background-image: linear-gradient(rgba(30, 58, 95, 0.6), rgba(30, 58, 95, 0.7)), url('/images/hero-bg.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
  }
  .carousel-container {
    overflow: hidden;
  }
  .carousel-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
  }
  .carousel-slide {
    min-width: 100%;
    padding: 0 0.5rem;
  }
  @media (min-width: 768px) {
    .carousel-slide {
      min-width: 50%;
    }
  }
  @media (min-width: 1024px) {
    .carousel-slide {
      min-width: 33.333%;
    }
  }
  .gallery-img {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
  }
  .gallery-img.loaded {
    opacity: 1;
  }