.c-centre-double-cta {
	--width-site: 1440px;

	background: var(--cdc-bg);
}

.c-centre-double-cta__container {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 661px) minmax(0, 1fr);
}

.c-centre-double-cta__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	grid-column: 2;
	gap: var(--spacing-lg);
	padding-block: var(--block-spacing-top, var(--spacing-xl)) var(--block-spacing-bottom, var(--spacing-xl));
}

.c-centre-double-cta__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--spacing-md);
}

.c-centre-double-cta__illustration {
	align-self: center;
	width: 100%;
	max-width: 358px;
	aspect-ratio: 358 / 349;
	position: relative;
}

.c-centre-double-cta__illustration--left {
	justify-self: start;
	grid-column: 1;
}

.c-centre-double-cta__illustration--right {
	justify-self: end;
	grid-column: 3;
}

.c-centre-double-cta__illustration-item {
	display: flex;
	justify-content: center;
	align-items: center;
	width: var(--size, 60%);
	aspect-ratio: 1;
	position: absolute;
	top: var(--y, 50%);
	left: var(--x, 50%);
	translate: -50% -50%;
	rotate: var(--rotate, 0deg);
}

.c-centre-double-cta__illustration-item :where(svg, img) {
	width: 100%;
	height: 100%;

	object-fit: contain;
}

.c-centre-double-cta__illustration--count-1 {
	align-self: stretch;
	aspect-ratio: auto;
}

.c-centre-double-cta__illustration--count-1 > .c-centre-double-cta__illustration-item {
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: auto;
	position: static;
	translate: none;
	rotate: none;
}

.c-centre-double-cta__illustration--left.c-centre-double-cta__illustration--count-1 :where(svg, img) {
	object-position: left center;
}

.c-centre-double-cta__illustration--right.c-centre-double-cta__illustration--count-1 :where(svg, img) {
	object-position: right center;
}

.c-centre-double-cta__illustration--left.c-centre-double-cta__illustration--count-2 > :nth-child(1) {
	--x: 32%;
	--y: 34%;
	--size: 50%;
	--rotate: -8deg;
}

.c-centre-double-cta__illustration--left.c-centre-double-cta__illustration--count-2 > :nth-child(2) {
	--x: 68%;
	--y: 68%;
	--size: 44%;
	--rotate: 10deg;
}

.c-centre-double-cta__illustration--right.c-centre-double-cta__illustration--count-2 > :nth-child(1) {
	--x: 32%;
	--y: 34%;
	--size: 44%;
	--rotate: -10deg;
}

.c-centre-double-cta__illustration--right.c-centre-double-cta__illustration--count-2 > :nth-child(2) {
	--x: 66%;
	--y: 66%;
	--size: 50%;
	--rotate: 6deg;
}

.c-centre-double-cta__illustration--left.c-centre-double-cta__illustration--count-3 > :nth-child(1) {
	--x: 19%;
	--y: 49%;
	--size: 44%;
	--rotate: -27deg;
}

.c-centre-double-cta__illustration--left.c-centre-double-cta__illustration--count-3 > :nth-child(2) {
	--x: 71%;
	--y: 31%;
	--size: 49%;
	--rotate: 11deg;
}

.c-centre-double-cta__illustration--left.c-centre-double-cta__illustration--count-3 > :nth-child(3) {
	--x: 64%;
	--y: 77%;
	--size: 36%;
	--rotate: 13deg;
}

.c-centre-double-cta__illustration--right.c-centre-double-cta__illustration--count-3 > :nth-child(1) {
	--x: 16%;
	--y: 29%;
	--size: 31%;
	--rotate: -51deg;
}

.c-centre-double-cta__illustration--right.c-centre-double-cta__illustration--count-3 > :nth-child(2) {
	--x: 72%;
	--y: 15%;
	--size: 28%;
	--rotate: 13deg;
}

.c-centre-double-cta__illustration--right.c-centre-double-cta__illustration--count-3 > :nth-child(3) {
	--x: 56%;
	--y: 63%;
	--size: 50%;
	--rotate: -5deg;
}

@media (width < 1100px) {
	.c-centre-double-cta__container {
		grid-template-columns: minmax(0, 1fr);
	}

	.c-centre-double-cta__inner {
		grid-column: 1;
	}

	.c-centre-double-cta__illustration {
		display: none;
	}
}