    html {
      scroll-behavior: smooth;
    }
    a {
        text-decoration: none;
    }
    .accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease-out;
      padding-top: 0; /* Ensures this is the initial state for vertical padding */
      padding-bottom: 0; /* Ensures this is the initial state for vertical padding */
    }
    .accordion-item.active .accordion-content {
      max-height: 3000px; /* Increased max-height for potentially long content */
      padding-top: 1rem; /* Applied when active */
      padding-bottom: 1.5rem; /* Applied when active */
    }
    .accordion-item.active .accordion-chevron {
      transform: rotate(180deg);
    }