.ccl-v2-widget.core-v2-side-by-side.side-by-side-v2-1-across {
	--width-base: 1205px;

	.mini-date-section {
		top: var(--space-2);
		left: var(--space-1);
	}
	.slide-top {
		margin: 0;

		&,
		.img-cont,
		img {
			height: 100%;
			width: 100%;
		}
	}
	.content-section {
		background: var(--deep-blue);
		padding: 33px 30px var(--space-10);
		gap: var(--space-5);
		height: 100%;
		position: relative;

		&::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			width: 100%;
			pointer-events: none;
			background-image: url(/includes/public/assets/shared/flower.svg);
			background-size: 190px;
			background-repeat: no-repeat;
			background-position: left top;
		}

		.content-upper {
			gap: var(--space-5);
		}
		.info-flag.cat {
			font-family: var(--font-display-alt);
			font-weight: 700;
			color: var(--light-blue);
			font-size: var(--text-lg);
			line-height: var(--leading-none);
			margin-bottom: var(--space-5);
		}
		.slide-title {
			font-family: var(--font-display);
			font-weight: 700;
			color: var(--light-blue);
			font-size: var(--text-3xl);
			letter-spacing: -0.01em;
			line-height: 1.1;
		}

		.slide-desc {
			font-family: var(--font-body);
			font-weight: 400;
			color: #ffffff;
			font-size: var(--text-sm);
			letter-spacing: 0.015em;
			line-height: 1.6;
		}
		.read-more {
			background-color: var(--white);
			span {
				position: relative;
				z-index: 1;
			}
			&:after {
				z-index: 0;
			}
		}
	}

	@media (min-width: 40em) {
		.slide > .inner {
			gap: 0;
		}
	}
	@media (min-width: 64em) {
		.slide {
			& > .inner {
				gap: 0;
				grid-template-columns: 0.975fr 1fr;
			}
			&.content-left > .inner {
				gap: 0;
				grid-template-columns: 1fr 0.975fr;
			}
		}
		.content-section {
			padding-inline: 86px 92px;

			&::before {
				background-position: right bottom;
				background-image: url(/includes/public/assets/shared/flower-desktop.svg);
				background-size: auto;
				width: 54%;
			}
			.info-flag.cat {
				letter-spacing: 0.01em;
				line-height: 1.6;
				margin-bottom: var(--space-1);
			}
			.slide-title {
				font-size: var(--text-3xl);
				letter-spacing: -0.01em;
				line-height: 1.1;
			}
		}
	}
}