qs-contact-details {
    display: grid;
    overflow: scroll;
    & h2 {
        margin: 1em 0 0.5em;
        font-size: var(--font-size-step-1);
        font-weight: 400;
        text-align: center;
    }
    & input {
        min-width: 100px;
        margin: 0 2px;
        padding: 0 1.4em;
        line-height: calc(2.65em - 2px);
        font-size: var(--font-size-step-1);
        font-weight: 700;
        border: 1px solid var(--input-colour, var(--border-colour));
        border-radius: var(--border-radius);
        &:focus-visible {
            outline: none;
            box-shadow: 0 0 2px 1px var(--primary-accent-colour);
        }
    }
    & .no-spam-info {
        background-image: url(../../images/icons/noSpam.png);
        background-repeat: no-repeat;
        background-size: 3.5em;
        background-position: center left 8%;
        margin: 2.75em 0;
        padding: 0 12.5% 0 max(24%, 60px);
        min-height: 50px;
        font-size: var(--font-size-step--3);
    }
    & .marketing-prefs {
        font-size: var(--font-size-step--3);
        border: none;
        padding: 0;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: min-content 1fr;
        grid-template-areas: 
            "heading   questions"
            "paragraph questions";
        gap: 1em 2em;
    }
    & .marketing-prefs h3 {
        grid-area: heading;
    }
    & .marketing-prefs p {
        grid-area: paragraph;
    }
    & .marketing-prefs qs-button-options-scroll-container {
        grid-area: questions;
    }
    & qs-text-input {
        width: inherit;
    }
}