body {
  overscroll-behavior-y: none;
}

.main-content {
  overflow: hidden;
}

.vertical-scroll-container {
  overflow-y: scroll;
  overflow-x: hidden;
  scroll-snap-type: y mandatory;
  -webkit-overflow-scrolling: touch;
  height: calc(100vh - 56px);
  /* Adjusted for smaller header */
  margin-top: 56px;
  /* Offset for fixed header */
  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.vertical-scroll-container::-webkit-scrollbar {
  display: none;
}

.vertical-scroll-section {
  scroll-snap-align: start;
  position: relative;
  overflow: hidden;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 3rem 2rem;
  /* Increased vertical padding to protect headings and footers */
  box-sizing: border-box;
}

@media (max-width: 768px) {

  /* Adjust breakpoint as needed */
  .vertical-scroll-container {
    display: block;
    /* Change to block layout */
    height: auto;
    /* Allow vertical scrolling */
    overflow-y: visible;
    /* Allow content to overflow vertically */
    scroll-snap-type: none;
    /* Disable scroll snapping */
  }

  .vertical-scroll-section {
    scroll-snap-align: none;
    /* Disable scroll snapping */
    height: auto;
    /* Allow vertical scrolling within sections */
  }
}