.page-custom-advanced {
    padding: 0;
}

.page-custom-basic {
    font-family: 'neosanspro', sans-serif;
    background-color: var(--color-white);
    padding-bottom: 100px;

    .breadcrumb-custom {
        color: var(--color-secondary-09);
        font-size: 14px;
        font-weight: 500;
        text-align: left;
        margin-bottom: 32px;

        a {
            border-bottom: none;
            font-weight: 300;
            color: var(--color-secondary-09);

            &:hover {
                border-bottom: 1px solid var(--color-secondary-09);
            }
        }
    }

    .section__header {
        min-height: 270px;
        background: var(--color-primary-01);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 32px;

        h1 {
            color: var(--color-secondary-09);
            font-size: 40px;
            font-weight: 500;
            font-style: normal;
            margin: 0;
        }

        a {
            background-color: var(--color-primary-09);
            color: var(--color-white);
            border-radius: 100px;
            padding: 12px 44px;
            font-size: 16px;
            font-family: 'neosanspro';
            line-height: normal;
        }
    }

    .section__body {
        margin-top: 36px;
    }

    p {
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
        color: var(--color-secondary-09);
        font-family: 'neosanspro', sans-serif;
        hyphens: auto;
        overflow-wrap: break-word;
    }

    p a,
    ol li a,
    ul li a {
        border-bottom-style: solid;
    }

    table {
        width: 100%;
        border: 1px solid var(--color-secondary-02);

        tr {
            height: 50px;
            border-bottom: 1px solid var(--color-secondary-02);
            background: var(--color-white);

            &:first-child {
                background-color: var(--color-secondary-02);
                text-transform: uppercase;
                color: var(--color-primary-09);
            }

            &:first-child p {
                font-weight: 500;
            }

            td {
                padding: 0 9px;
                text-align: left;
                vertical-align: middle;
                border: 0;

                p {
                    margin: 0;
                    font-weight: 300;
                }
            }
        }
    }

    ol,
    ul {
        text-align: left;
        color: var(--color-secondary-09);
        font-family: 'neosanspro', sans-serif;
        hyphens: auto;
        overflow-wrap: break-word;
    }

    ol li:only-child {
        color: var(--color-primary-09);
        font-size: 20px;
        line-height: 24px;
        font-weight: bold;
    }

    .a2a_kit.addtoany_list {
        display: none;
    }

    .table-cards {
        border-collapse: separate;
        border-spacing: 24px;
        width: 100%;
        display: grid;
        border: none;

        tr {
            background: transparent;
        }

        td {
            width: 50%;
            padding: 50px 32px;
            background: var(--color-secondary-01);
            border-radius: 8px;

            p.text__title {
                color: var(--color-primary-07);
                font-weight: 500;
                font-size: 20px;
                line-height: 24px;
                margin-bottom: 12px;
            }

            p.text__document,
            p.text__address,
            p.text__row {
                margin-bottom: 12px;
            }

            p.text__register,
            p.text__last-row {
                margin: 0;
            }
        }
    }

    .section__custom-color {
        background: var(--color-primary-01);

        .section__header {
            background-color: var(--color-white);
        }

        .section__body {

            .webform-contact-block {
                background-color: var(--color-primary-01);

                &.webform-contact-block__custom {
                    padding-top: 0px;

                    .webform-contact-block-wrapper {
                        width: 100%;

                        .intro-webform-contact-block h1, .intro-webform-contact-block h2 {
                            color: var(--color-secondary-09);
                            font-size: 24px;
                            font-weight: 500;
                            padding: 0;
                            margin-top: 0;
                        }

                        .form-switch {
                            padding-left: 54px;
                        }

                        div#edit-actions {
                            display: flex;
                            justify-content: flex-end;

                            button {
                                background-color: var(--color-primary-09) !important;
                                border-color: var(--color-primary-09) !important;
                                border-radius: 100px;
                                font-size: 16px;
                                font-weight: 500;
                                padding: 6px 50px;

                                &:focus {
                                    box-shadow: none;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}


@media (max-width: 992px) {
    .page-custom-basic {
        .table-cards {
            tr {
                width: 100%;
                display: block;
                height: auto;
            }

            td {
                width: 100%;
                display: inline-block;
                margin-bottom: 20px;
            }
        }

        table tr:first-child {
            background-color: transparent;
        }

        .section__custom-color {
            .section__body {
                .webform-contact-block {
                    &.webform-contact-block__custom {
                        padding-top: 0;
                        padding-bottom: 2rem;

                        .webform-contact-block-wrapper {
                            padding: 0;

                            div#edit-actions {
                                display: flex;
                                justify-content: center;
                            }
                        }
                    }
                }
            }
        }
    }
}