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

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

        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: 100px;
            }
        }

        @media (max-width: 768px) {
            .content-overlay .desc > div {
                box-sizing: border-box;
                padding-left: 0;
                padding-right: 0;
            }

            .content-overlay .desc .desc-text {
                box-sizing: border-box;
                width: 100%;
                padding: 30px 20px !important;
            }

            .call-to-action {
                width: 90%;
                max-width: 400px;
                margin-left: auto;
                margin-right: auto;
                padding: 25px 20px;
                box-sizing: border-box;
            }
        }

        @media (max-width: 768px) {
            .buttons-container {
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 25px;
                padding: 0;
                width: 80%;
            }

            .action-block {
                width: 90%;
                max-width: 400px;
                margin: 0 auto;
                box-sizing: border-box;
            }
        }

        @media (max-width: 768px) {
            .buttons-container:last-of-type {
                margin-top: 60px;
                margin-bottom: 40px;
            }

            .buttons-container:first-of-type {
                margin-bottom: 30px;
            }
        }