section[id] {
    scroll-margin-top: 130px; /* Match the navbar height */
}

section[id] {
    padding-top: 20px;
}

.main-nav-outer.scroll-to-fixed-fixed {
    z-index: 1000 !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 767px) {
    section[id] {
        scroll-margin-top: 70px; /* Adjusted for smaller screen navbar height */
    }
}