/* ------------------------------------------------------------ *\
	Section Stats
\* ------------------------------------------------------------ */

.section-stats {
	position: relative;
	z-index: 1;
	padding-top: var(--section-spacing);

	/* Pink block, pulled over the green section below */
	.section__inner {
		display: flex;
		align-items: center;
		overflow: hidden;
		padding-right: 80px;
		margin-bottom: calc(var(--stats-overlap) * -1);
		border-radius: var(--border-radius);
		background: var(--c-pink);
		color: var(--c-white);
	}

	.section__media {
		position: relative;
		flex: 0 0 571px;
		height: 513px;
	}

	.section__deco {
		position: absolute;
		pointer-events: none;
	}

	.section__deco--plane {
		top: 14px;
		left: 0;
		width: 247px;
	}

	.section__deco--palms {
		top: 39px;
		left: 250px;
		width: 321px;
	}

	.section__content {
		display: flex;
		flex: 0 1 583px;
		flex-direction: column;
		gap: 20px;
	}

	.section__list {
		display: flex;
		gap: 20px;
		margin-top: 43px;
	}
}

@media (max-width: 1199px) {
	.section-stats {
		.section__inner {
			flex-direction: column;
			padding: 0 40px 50px;
		}

		.section__media {
			flex: 0 0 auto;
			width: 571px;
			max-width: 100%;
		}

		.section__content {
			flex: 0 0 auto;
			width: 100%;
			max-width: 583px;
		}
	}
}

@media (max-width: 767px) {
	.section-stats {
		.section__inner {
			padding: 0 var(--b-space) 40px;
		}

		.section__media {
			display: flex;
			justify-content: center;
			width: 100%;
			height: auto;
			padding: 40px 0 30px;
		}

		.section__deco--plane {
			top: 10px;
			left: -20px;
			width: 160px;
		}

		.section__deco--palms {
			top: 20px;
			left: auto;
			right: -40px;
			width: 220px;
		}

		.section__list {
			flex-wrap: wrap;
			justify-content: center;
			gap: 57px 20px;
		}
	}
}

@media (max-width: 575px) {
	.section-stats {
		.section__inner {
			gap: 20px;
			padding: 50px 20px;
		}

		.section__media {
			align-items: flex-start;
			height: 312px;
			padding: 8px 0 0;
		}

		.section__deco--plane {
			top: 7px;
			left: 0;
			width: 151px;
		}

		.section__deco--palms {
			top: 28px;
			left: 228px;
			right: auto;
			width: 180px;
		}

		.section__list {
			flex-direction: column;
			align-items: stretch;
			gap: 60px;
		}
	}
}