html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  background: #ffffff;
  color: #141414;
}

.reveal {
  opacity: 0;
  transform: translateY(28px);
  transition:
    opacity 0.8s ease,
    transform 0.8s ease;
}

.reveal.active {
  opacity: 1;
  transform: translateY(0);
}

.card-hover:hover {
  transform: translateY(-8px);
  box-shadow: 0 22px 38px rgba(20, 20, 20, 0.09) !important;
  border-color: #f06062 !important;
  background: #fffafa !important;
}

.faq-btn:hover {
  background: #fff7f7 !important;
}

@media (max-width: 992px) {
  .gallery-item {
    min-width: calc(50% - 10px) !important;
  }
}

@media (max-width: 768px) {
  h1 {
    font-size: 38px !important;
  }

  h2 {
    font-size: 30px !important;
  }

  h3 {
    font-size: 20px !important;
  }

  nav {
    justify-content: center;
  }

  .gallery-item {
    min-width: 100% !important;
  }
}