/* Home page counter section (container 2069fd2, classes b5Stack / b5Stack-bg from the site's custom CSS).
   Desktop only (>= 1025px): the rotating ring was a fixed 900px circle centred in a 90vh section with
   -150px bottom margin, so on 768-1080px tall screens the footer and the screen edge cut it.
   Now the ring size R fits the screen (R + 40px <= 100vh), the footer no longer overlaps, and the
   number / texts / button are centred on the ring and sized as a fraction of R, as they looked at
   1366x768 with R = 900. Tablet and mobile keep the theme rules. */

@media (min-width: 1025px) {
	body .elementor-469 .elementor-element.elementor-element-2069fd2 {
		--sb-ring: min(900px, 90vw, calc(100vh - 40px));
		--min-height: 0px;
		--margin-bottom: 0px;
		min-height: 0;
		height: calc(var(--sb-ring) + 40px);
		margin-bottom: 0;
	}
	body .elementor-469 .elementor-element-2069fd2 > .e-con-inner {
		position: relative;
		height: 100%;
	}

	/* Ring (::before rotating text, ::after disc with the moto): R x R, centred. */
	body .elementor-469 .elementor-element-2069fd2 .b5Stack-bg.elementor-element-985476e {
		top: 50%;
		left: 50%;
		width: var(--sb-ring);
		height: var(--sb-ring);
	}

	/* Content: same box as the ring, laid out from its top edge. */
	body .elementor-469 .elementor-element.elementor-element-03d3d11 {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: var(--sb-ring);
		height: var(--sb-ring);
		--justify-content: flex-start;
		justify-content: flex-start;
		--gap: calc(var(--sb-ring) * 10 / 900);
		gap: calc(var(--sb-ring) * 10 / 900);
		padding: calc(var(--sb-ring) * 124 / 900) 20px 0;
	}
	body .elementor-469 .elementor-element.elementor-element-57ea41b {
		padding-top: calc(var(--sb-ring) * 260 / 900) !important;
	}
	body .elementor-469 .elementor-element-57ea41b .elementor-heading-title {
		font-size: calc(var(--sb-ring) * 48 / 900) !important;
	}
	body .elementor-469 .elementor-element-da9a05e .elementor-heading-title {
		font-size: calc(var(--sb-ring) * 26 / 900) !important;
	}
	body .elementor-469 .elementor-element-457a7b9 .elementor-heading-title {
		font-size: calc(var(--sb-ring) * 22 / 900) !important;
	}
	body .elementor-469 .elementor-element-4c063da .elementor-button {
		margin-top: calc(var(--sb-ring) * 10 / 900);
		padding: calc(var(--sb-ring) * 12 / 900) calc(var(--sb-ring) * 24 / 900);
		font-size: calc(var(--sb-ring) * 15 / 900) !important;
	}
}
