html {
  scroll-behavior: smooth;
}

/* Styles for FAQ Accordion */
.faq-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out, padding-top 0.3s ease-out, padding-bottom 0.3s ease-out;
  padding-left: 1rem; /* Corresponds to p-4 */
  padding-right: 1rem; /* Corresponds to p-4 */
}

/* Styles for Marquee Ticker */
.marquee {
  animation: marquee 25s linear infinite;
}

@keyframes marquee {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}

/* Styles for Footer Blob */
#blob {
  background: linear-gradient(to right, aquamarine, mediumpurple);
  height: 200px;
  width: 200px;
  position: fixed; /* Use fixed positioning relative to the viewport */
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  animation: rotate 20s infinite;
  opacity: 0.3;
  filter: blur(80px);
  z-index: 1; /* Ensure it's behind footer content but above footer bg */
}

@keyframes rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}