body:has(#terms) {
    scroll-behavior: smooth;
}
#terms {
    margin: 40px 0 60px;
    .content--wrapper {
        display: grid;
        grid-template-columns: 25% 1fr;
        column-gap: 15%;
        row-gap: 40px;
        .header--wrapper {
            position: sticky;
            align-self: start;
            top: 100px;
            header {
                margin: 8px 0 40px;
            }
            li {
                margin: 0 0 10px;
            }
        }
        @media (max-width: 992px) {
            grid-template-columns: 100%;
            .header--wrapper {
                position: relative;
                top: 0;
            }
        }
    }
}