.content_calendar-layout {
    position: relative;
}

.content_calendar-layout .pk-row{
	padding-block: 0;
}

.content_calendar-layout .pk-row-content {
    position: relative;
    border-radius: 1rem;
    background: #fceee4;
    overflow: hidden;
}

.content_calendar-layout .content{
	padding-block: max(2rem, calc(5 * var(--su)));
}

.content_calendar-layout .agenda-wrapper{
	position: relative;
	padding: max(1.5rem, calc(3 * var(--su)));
	background: var(--dc-blue);
	z-index: 1;
}

.content_calendar-layout .agenda-wrapper .wrapper-inner {
    position: relative;
	width: 100%;
	height: 100%;
    padding: max(1rem, calc(2 * var(--su)));
    border-radius: 0.5rem;
    background: var(--dc-white);
    overflow: hidden;
    z-index: 1;
    min-height: 400px;
}

@media screen and (max-width: 991px) {
}

@media screen and (max-width: 767px) {
    .content_calendar-layout .pk-row-content {
        gap: 2rem;
        padding-inline: 0;
        padding-block: 3rem 0;
    }

    .content_calendar-layout .pk-row-content .content {
        padding-inline: 1rem;
    }

    .content_calendar-layout .pk-row-content::after {
        content: "";
        display: none;
    }

    .content_calendar-layout .agenda-wrapper{
		position: relative;
        padding: 1.5rem;
        padding-bottom: 2.5rem;
        background: var(--dc-blue);

    }
}

@media (min-width: 767px) and (max-width: 991px) {
    .content_calendar-layout .pk-row-content {
        align-items: flex-end;
        column-gap: 2rem;
        padding-inline: max(1.5rem, calc(3 * var(--su)));
    }
    .content_calendar-layout .agenda-wrapper{
        margin-top: max(2rem, calc(4.5 * var(--su)));
    }
}