.subscription-page{
	margin: 0 auto;
	padding: var(--block-margin) var(--page-padding);
	overflow: hidden;
	position: relative;
}

.subscription-page.alignwide{
    width: 100%;
    max-width: 100%;
}

.subscription-page .subscription-page-media{
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
}


.subscription-page[data-content-width="beside"]{
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
    align-items: center;
}

.subscription-page[data-content-width="beside"] :is(.subscription-page-media, .subscription-page-wrapper){
    width: var(--wide-width);
    margin: 0 auto;
}

.subscription-page[data-content-width="beside"] .subscription-page-media{
    position: relative;
    top: unset;
    left: unset;
    pointer-events: all;
    border-radius: var(--element-border-radius);
    aspect-ratio: 1;
}

.subscription-page[data-content-width="beside"] :is(.subscription-page-image img, .subscription-page-video-player :is(iframe, video)){
    opacity: 1;
}

.subscription-page .description-box h2{
    color: #e9eada;
    margin-bottom: 40px;
}

.subscription-page .description-box p{
    margin-bottom: 40px;
}


.subscription-page .description-box .mc-field-group{
    margin-bottom: 20px;
}


.subscription-page .description-box h2 span{
    color: var(--title-color);
}

@media (min-width: 992px){
    .subscription-page[data-content-width="beside"]{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .subscription-page[data-content-width="beside"] :is(.subscription-page-media, .subscription-page-wrapper){
        width: calc((var(--wide-width) / 2) - (var(--column-gap) / 2));
    }

    .subscription-page[data-content-width="beside"] .subscription-page-wrapper{
        margin: 0 0 0 auto;
    }

    .subscription-page[data-content-width="beside"] .subscription-page-media{
        order: 2;
        margin: 0;
    }
}