.mfp-inline-holder {
    .mfp-content {
        width: 80%;
    }
}

.mfp-with-anim {
    padding: 0;

    .mfp-close {
        margin: 10px;
    }
}

.popup_content {
    .popup_image {
        img {
            object-fit: cover;
        }
    }

    .content-main {
        margin: 0 20px;

        .title {
            margin: 16px 0;
            text-align: center;
            color: #5b6770;
            font-size: 18px;
            font-family: 'HelveticaNeueW01-75Bold';
        }

        .content {
            color: #5b6770;
            font-family: 'HelveticaNeueW01-55Regular';

            &:is(:has(.terms)) {
                border: 1px solid #5b6770;
                padding: 16px 16px 0 16px;
            }

            .terms {
                margin: 15px -16px 0 -16px;
                display: block;
                text-align: center;
                background-color: #5b6770;
                padding: 9px 0;
                text-decoration: none;
                color: white;
                font-size: 16px;
            }
        }

        .button {
            text-align: center;
            margin: 20px 0;

            .btn {
                background: #5e93db;
                border: 1px solid #5e93db;
                margin: 0;
                font-family: 'HelveticaNeueW01-75Bold';
            }
        }
    }
}


@media (min-width: 767px) {
    .mfp-with-anim .popup_content:is(:has(.popup_image)) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .popup_content {
        .popup_image {
            img {
                width: 100%;
            }
        }

        .content-main {
            margin: 0 20px 0 0;

            .title {
                font-size: 25px;
            }
        }
    }
}