#page-specifier {
    margin: 40px 0 60px;
    .box {
        background: var(--clr-gray-050);
        border-radius: 10px;
    }
    section {
        header {
            h2 {
                margin: 0 0 8px;
            }
        }    
    }
    .content--wrapper {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-template-areas: "content support";
        gap: 40px 120px;
        @media (max-width: 992px) {
            grid-template-columns: 100%;
            grid-template-areas: "content" "support";
        }
        .content {
            grid-area: content;
            header {
                margin: 0 0 8px;
                h1 {
                    margin: 8px 0;
                }
            }
        }
        .support--wrapper {
            grid-area: support;
            align-self: end;
            p {
                margin: 8px 0 20px;
            }
            ul {
                display: flex;
                justify-content: space-between;
                align-items: center;
                gap: 20px;
                li,
                .pbds-btn {
                    width: 100%;
                    .chat {
                        --btn-bg: var(--clr-prm-400);
                        --btn-border: var(--clr-prm-400);
                    }
                    .whatsapp {
                        --btn-bg: var(--clr-success-400);
                        --btn-border: var(--clr-success-400);
                    }
                }
            }
        }
    }
    #app {
        margin: 60px 0 0;
        .pbds-banner * {
            --bnr--subtitle-font: var(--type-subLg--size);
            --bnr--title-font: var(--type-display02--size);
        }
    }
    #accesspanel {
        margin: 60px 0 0;
        .box {
            padding: 40px;
            display: grid;
            grid-template-columns: 1fr auto;
            gap: 20px 40px;
            @media (max-width: 992px) {
                grid-template-columns: 100%;
            }
            .content {
                h2 {
                    margin: 0 0 8px;
                }
                max-width: 730px;
            }
            .cta--wrapper {
                align-self: center;
            }
        }
    }
    #tools {
        margin: 60px 0 0;
        padding: 40px 0;
        background: var(--clr-gray-050);
        .carousel--wrapper {
            margin: 40px 0 0;
        }
    }
    #advantages {
        margin: 40px 0 0;
        header {
            margin: 0 0 20px;
        }
        .list--wrapper {
            ul {
                display: grid;
                grid-template-columns: repeat(4,1fr);
                gap: 20px;
                @media (max-width: 1080px) {
                    grid-template-columns: repeat(2,1fr);
                }
                @media (max-width: 769px) {
                    grid-template-columns: 100%;
                }
                li {
                    height: 100%;
                }
                .box {
                    height: 100%;
                    padding: 40px 20px;
                    display: grid;
                    grid-template-columns: 100%;
                    grid-template-rows: auto 1fr auto;
                    gap: 20px;
                    h3 {
                        img {
                            max-height: 70px;
                        }
                    }
                    a {
                        justify-self: start;
                    }
                }
            }
        }
    }
}

.pbds-modal--revit_sketchup {
    .body {
        form {
            margin: 40px 0 0;
            .form--type {
                margin: 0 0 40px;
                label {
                    margin: 0 20px 0 0;
                }
            }
            > label {
                width: 100%;
                margin: 0 0 20px;
            }
            .pb-downloads--buttons {
                    display:flex;
                    gap: 20px;
            }
        }
    }
}