/* Import elegant primary & body fonts */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Manrope:wght@200..800&display=swap');

/* Dynamic transitions and animation helpers */
@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.animate-slide-down {
  animation: slideDown 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.animate-slide-up {
  animation: slideUp 0.45s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.animate-fade-in {
  animation: fadeIn 0.4s ease-out forwards;
}

/* Custom interactive components styling */
.faq-content {
  transition: max-height 0.3s ease-out, opacity 0.2s ease-out;
}

/* Smooth custom scroll bar layout */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #FCF9F8;
}

::-webkit-scrollbar-thumb {
  background: #C5A059;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #000D21;
}

html {
  scroll-behavior: smooth;
}

iframe {
  border: 0;
}