html, body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
     overflow-x: hidden !important;
      height: 100%;
    scroll-behavior: smooth;
    scroll-snap-type: y mandatory;
    overflow-y: scroll;
}
body {
    background: linear-gradient(180deg, #c4c9d8 0%, #bfc4d4cb 100%);
}


.about-section,
.news-section,
.hero-section {
    scroll-margin-top: 130px;
}