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

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Poppins', sans-serif;
  background: #f8fafc;
  color: #0f172a;
}

.fade-up {
  opacity: 0;
  transform: translateY(24px);
  transition: all .7s ease;
}

.fade-up.show {
  opacity: 1;
  transform: translateY(0);
}

.grid-soft {
  background-image:
    linear-gradient(rgba(79,70,229,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(79,70,229,.04) 1px, transparent 1px);
  background-size: 30px 30px;
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height .35s ease;
}

.accordion-item.active .accordion-content {
  max-height: 220px;
}

.accordion-icon {
  transition: transform .3s ease;
}

.accordion-item.active .accordion-icon {
  transform: rotate(180deg);
}