.popup-window {
    .modal-content {
        overflow: hidden;
    }

    .popup-background {
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;

        @media (max-width: 539px) {
            background-image: none !important;
        }

        @media (min-width: 768px) {
            background-position: left 5% top 0;
        }

        @media screen and (min-width: 855px) {
            background-position: left -2% top 0;
        }

        @media (min-width: 992px) {
            background-position: left -5% top 0;
        }

        @media (min-width: 1330px) {
            background-position: left -60% top 0;
        }

        /* gradient background for text */
        &::before {
            position: absolute;
            top: 0;
            left: 0;
            right: 30%;
            bottom: 0;
            content: '';
            background: linear-gradient(to right, #f9f9f9 65%, rgba(245, 245, 245, 0) 100%);
        }

        h2, .h2 {
            color: var(--bs-primary);
        }
    }

    .modal-body {
        /* increase padding so it looks like before */
        @media (min-width: 992px) {
            padding: 2rem;
        }
    }

    .hide-block {
        margin-top: 3.125rem;

        label {
            font-size: 0.875rem;

            @media (min-width: 768px) {
                font-size: 1rem;
            }
        }
    }

    .column-content {
        display: flex;

        .column-image {
            width: 60px;
            flex-shrink: 0;
            flex-grow: 0;
            margin-right: 15px;
            padding-top: 7px;
        }

        .column-text {
            .title {
                color: var(--abc-red);
                margin-bottom: 10px;
            }
        }
    }

    .layout-default {
        @media (min-width: 768px) {
            h2 {
                max-width: 80%;
            }
            .text {
                max-width: 50%;
            }
            .hide-block {
                max-width: 50%;
            }
        }
    }

    .layout-columns {
        h2 {
            text-align: center;
        }

        .text {
            text-align: center;
        }

        .hide-block {
            border-top: 1px solid var(--abc-light-gray);
            padding-top: 10px;
        }
    }
}