body .content-with-sidebar-image {
    display: grid;
    max-width: 100%;
    margin: var(--block-margin) auto;
    position: relative;
    column-gap: var(--padding-sm);
    row-gap: var(--item-row-gap);
}

.content-with-sidebar-image:is([data-sidebar-position="left"]) .content-with-sidebar-image-wrapper {
    order: 2;
}

.content-with-sidebar-image-wrapper{
    margin: 0;
    position: relative;
    display: flex;
    flex-direction: column;
	border: 1px solid #EFEFEF;
    border-radius: 16px;
    box-shadow: -1270px -943px 443px 0px rgba(2, 89, 247, 0.00), -813px -604px 405px 0px rgba(2, 89, 247, 0.01), -457px -340px 342px 0px rgba(2, 89, 247, 0.03), -203px -151px 253px 0px rgba(2, 89, 247, 0.06), -51px -38px 139px 0px rgba(2, 89, 247, 0.07);
}

.content-with-sidebar-image-inner {
    display: flex;
    flex-direction: column;
    row-gap: var(--padding-sm);
    padding: 0 var(--page-padding) var(--padding-md);
}

.content-with-sidebar-image-inner>*:last-child{
    margin-bottom: 0;
}

.content-with-sidebar-image-title strong {
    color: var(--primary-button-background-color);
    font-weight: 600;
}

.content-with-sidebar-image .content-with-sidebar-image-media {
    display: grid;
}

.content-with-sidebar-image .content-with-sidebar-image-video-player :is(iframe, video){
    display: block;
    border: none;
}

.content-with-sidebar-image :is(.content-with-sidebar-image-media, .content-with-sidebar-image-image) :is(img, iframe, video) {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 16 / 9;
}

.content-with-sidebar-image-sidebar-wrapper {
    display: grid;
}

.content-with-sidebar-image-image {
    grid-column: 1;
    grid-row: 1;
}

.content-with-sidebar-image-sidebar-content {
    display: grid;
    grid-column: 1;
    grid-row: 2;
    margin-top: auto;
    background: var(--color-darkest-grey);
    padding: var(--padding-md);
}

.content-with-sidebar-image-sidebar-content p {
    color: var(--background-color);
    margin-bottom: 0;
}

.content-with-sidebar-image-buttons{
    display: flex;
    flex-wrap: wrap;
    column-gap: calc( var(--item-column-gap) / 2);
    row-gap: calc( var(--item-column-gap) / 2);
    align-items: center;
    margin-top: var(--row-gap);
}

@media (min-width: 768px) and (max-width: 991px) {
    body .content-with-sidebar-image {
        max-width: var(--wide-width);
    }
}

@media (min-width: 768px) {

    .content-with-sidebar-image :is(.content-with-sidebar-image-media, .content-with-sidebar-image-image) :is(img, iframe, video) {
        border-radius: 0 0 var(--element-border-radius) var(--element-border-radius);
    }

    .content-with-sidebar-image-sidebar-wrapper .content-with-sidebar-image-image :is(img, iframe, video) {
        border-radius: var(--element-border-radius);
    }

    .content-with-sidebar-image-sidebar-content {
        grid-row: 1;
        border-radius: 0 0 var(--element-border-radius) var(--element-border-radius);
    }

}

@media (min-width: 992px) {
    body .content-with-sidebar-image {
        max-width: var(--wide-width);
    }

    a:is(.primary-button, .secondary-button, .tertiary-button).content-with-sidebar-image-button {
        width: 100%;
        text-align: center;
    }

    body .content-with-sidebar-image {
        grid-template-columns: 65% 1fr;
        align-items: center;
    }

    .content-with-sidebar-image-inner {
        padding: var(--padding-md);
    }

    .content-with-sidebar-image-sidebar-wrapper {
        height: 100%;
    }
}

@media (max-width: 1025px) {
	body .content-with-sidebar-image {
    	grid-template-columns: 1fr;
		margin: 96px auto !important;
	}
}

@media (max-width: 568px) {
	body .content-with-sidebar-image {
    	grid-template-columns: 1fr;
		margin: 64px auto !important;
	}
	
	body .content-with-sidebar-image-inner {
		padding-top: 16px;
	}
	
	.content-with-sidebar-image-wrapper {
    	border: none;
    	border-radius: 0;
	} 
}