/* Scroll adjustments for smooth section navigation */
#hero-section,
#key-benefits,
#more-features,
#faq-section,
section[id] {
  scroll-margin-top: 40px; /* Match the scroll offset value */
}

/* Ensure headings have enough space when scrolled to */
h1[id],
h2[id],
h3[id],
h4[id],
h5[id],
h6[id] {
  scroll-margin-top: 40px; /* Extra margin for headings */
}

/* Add padding to sections to improve visual spacing */

/* Mobile adjustments */
@media (max-width: 768px) {
  #hero-section,
  #key-benefits,
  #more-features,
  #faq-section,
  section[id] {
    scroll-margin-top: 40px; /* Slightly less margin on mobile */
  }

  h1[id],
  h2[id],
  h3[id],
  h4[id],
  h5[id],
  h6[id] {
    scroll-margin-top: 60px;
  }
}