* {
  font-family: 'Montserrat', sans-serif;
}

.no-shadow {
  box-shadow: none !important;
}

.btn-pill {
  border-radius: 9999px;
}

.fade-in {
  animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.modal-overlay {
  background-color: rgba(0, 0, 0, 0.6);
}

.filter-active {
  background-color: #2a9d8f;
  color: white;
  font-weight: 600;
}

.filter-inactive {
  background-color: #f5f5f5;
  color: #525252;
}

.filter-inactive:hover {
  background-color: #e5e5e5;
}

html {
  scroll-behavior: smooth;
}

.hero-bg {
  background-image: url('./imgs/photocollage-img-header.webp');
  background-size: cover;
  background-position: center;
  position: relative;
}

.hero-overlay {
  background-color: rgba(42, 157, 143, 0.85);
}