/* styles.css */

/* Ensure smooth scrolling for anchor links */
html {
  scroll-behavior: smooth;
}

/* Custom focus styles (if overriding) */
:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

/* Example: custom class if needed */
.hidden-nav {
  display: none;
}

/* You can add any additional global overrides here */
/* For instance, adjust body defaults if desired */
body {
  margin: 0;
  padding: 0;
}

#home {
 background-image: url(./assets/banner.png);
}

/* FAQ summary customization */
details > summary {
  list-style: none;
  outline: none;
}
details > summary::-webkit-details-marker {
  display: none;
}
/* Add a custom marker */
details > summary::before {
  content: '► ';
  display: inline-block;
  transition: transform 0.2s ease-in-out;
}
details[open] > summary::before {
  transform: rotate(90deg);
}

/* Initial utility classes for animations are applied inline via Tailwind classes.
   Additional custom CSS for animations can go here if needed. */