.paragraph--type--simple-text-pictures.columns-inside-picture,
.paragraph--type--simple-text-pictures.client-portal {
    display: flex;
    flex-direction: column-reverse;
    padding-top: 0;

    .clearfix.text-formatted.field.field--name-field-text-multiple.field--type-text-long.field--label-hidden.field__items {
        display: grid;
        grid-template-columns: repeat(var(--child-count, 4), 1fr);
        background-color: white;
        margin: 0 var(--grid-padding);
        padding: 48px 60px;
        gap: 0 38px;
        margin-top: -105px;
        border-bottom: 3px solid var(--color-blue-2);
        align-items: start;

        .field__item {
            display: grid;
            align-items: center;
            justify-items: center;
            grid-template-areas: "image" "title" "desc";

            article+* {
                margin-bottom: 16px;
                grid-area: title;
                font-size: var(--font-size-24);
                font-weight: var(--font-bold);
                color: var(--color-blue-2);
            }

            .media--type-logo-svg {
                margin: 0 auto;
                margin-bottom: 8px;
                grid-area: image;

                img {
                    width: 24px;
                }
            }

            article+*+* {
                margin: 0;
                grid-area: desc;
                font-weight: var(--font-medium);
                color: var(--color-gray-4);
            }
        }
    }
}


.paragraph--type--simple-text-pictures.client-portal {
    display: flex;
    flex-direction: column;

    &:before {
        content: '';
        width: 100%;
        aspect-ratio: 1440/247;
        background-color: var(--color-blue-2);
        background-image: url("../../images/icons/client-portal-dots.svg");
        background-position: top right;
        background-size: contain;
        background-repeat: no-repeat;
    }
}

@media(max-width: 1200px) {

    .paragraph--type--simple-text-pictures.columns-inside-picture,
    .paragraph--type--simple-text-pictures.client-portal {
        .clearfix.text-formatted.field.field--name-field-text-multiple.field--type-text-long.field--label-hidden.field__items {
            grid-template-columns: repeat(2, 1fr);
            gap: 0 26px;
            padding: 24px 48px;

            >* {
                margin-bottom: 26px;
            }

            >*:last-child {
                margin-bottom: 0;
            }
        }
    }

    .paragraph--type--simple-text-pictures.client-portal {
        &:before {
            aspect-ratio: 1440/347;
        }
    }
}

@media(max-width: 768px) {

    .paragraph--type--simple-text-pictures.columns-inside-picture,
    .paragraph--type--simple-text-pictures.client-portal {
        .clearfix.text-formatted.field.field--name-field-text-multiple.field--type-text-long.field--label-hidden.field__items {
            grid-template-columns: repeat(1, 1fr);

            .field__item {
                article+* {
                    font-size: var(--font-size-20);
                }

                article+*+* {
                    font-size: var(--font-size-14);
                }
            }
        }
    }

    .paragraph--type--simple-text-pictures.client-portal {
        &:before {
            aspect-ratio: 375/197;
        }
    }
}