html, body {
            margin: 0;
            padding: 0;
            width: 100%;
            overflow-x: hidden;
        }

        * {
      scroll-behavior: smooth;
}

        :target {
            scroll-margin-top: 130px;
        }

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

        @media (max-width: 768px) {
            :target,
            h1,
            h2,
            h3,
            h4,
            h5,
            h6,
            [id] {
                scroll-margin-top: 110px;
            }
        }

        .process-block.image-block img {
            width: 100%;
            height: auto;
            border-radius: 8px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
        }