:root {
	--mobile-border-radius: 20px;
}

.quick-facts {
	padding-top: 24px;
	padding-bottom: 24px;
}

.quick-facts__wrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	column-gap: 40px;
	padding: 0;
}

@media (min-width: 1020px) {
	.quick-facts__wrapper {
		flex-direction: row;

		.quick-facts__card {
			text-align: left;
		}
	}
}

.quick-facts__card {
	flex: 1;
	background: var(--background-pattern-url) var(--color-theme-grey-light) repeat;
	padding: 24px;
	text-align: center;
	overflow: hidden;
	border-radius: 20px;
}

@media (min-width: 768px) {
	.quick-facts__card {
		padding: 36px;
		border-radius: var(--mobile-border-radius);
	}
}

@media (min-width: 1280px) {
	.quick-facts__card {
		padding: 48px;
	}
}

.quick-facts__data {
	font-family: var(--global-font-family);
	font-size: clamp(3rem, 6vw + 1rem, 4.6rem);
	color: var(--color-theme-primary);
	line-height: 1em;
	font-weight: 300;
	font-style: normal;
	margin-bottom: 1rem;
	padding: 0 0 12px 0;
	position: relative;

	@screen xl {

	}
}

@media (max-width: 768px) {
	.quick-facts--new .quick-facts__data {
		font-size: var(--font-size-largest) !important;
	}
}

.quick-facts__dataValue {
	position: relative;
	z-index: 1;
}

.quick-facts__data .sketches__block {
	position: absolute;
}

.quick-facts__data--star {
	top: -40px;
	right: 60px;
	width: 80px;
}

.quick-facts__data--circle {
	top: -10%;
	left: 50%;
	transform: translateX(-50%);
	width: 170px;
}

.quick-facts__data--underline {
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	width: 180px;
}

.quick-facts__data--arrow {
	width: 200px;
	transform: rotate(350deg);
	right: -138px;
	top: -58px;

}

.quick-facts__data--arrow.quick-facts--count-2 {
	right: 90px;
}

@media (min-width: 1280px) {
	.quick-facts__caption {
		font-size: 21px;
	}
}


/* Quick Facts New */
.quick-facts--new {
	padding: 55px 0;
	background-color: #13294B;
	color: #fff;
}

.quick-facts__inner {
	margin-bottom: 60px;
}

.quick-facts__heading {
	color: inherit;
}

.quick-facts--new .quick-facts__card {
	border-top: 10px solid #fff;
	border-radius: 0;
}

.quick-facts--new .quick-facts__data {
	margin-bottom: 16px;
	padding-bottom: 0;
	color: var(--color-theme-blue-bright);
	font-size: clamp(58px, calc(58px + (20 * (100vw - 390px) / 1050)), 78px);
	line-height: 1;
	font-family: var(--secondary-font-family);
	font-weight: 600;
	text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
	.quick-facts .container {
		--gutter: 50px;
	}

	.quick-facts__inner {
		text-align: center;
	}

	.quick-facts__heading {
		margin-bottom: 16px;
	}
}

@media only screen and (min-width: 768px) {
	.quick-facts--new {
		padding: 120px 0 170px;
		background: url('../../assets/images/quick-fact-top-left.svg') no-repeat top left, url('../../assets/images/scrolling-tab-left.svg') no-repeat top right, #13294B;
	}

	.quick-facts__inner {
		display: grid;
		margin-bottom: 80px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-gap: 50px;
	}

	.quick-facts--new .quick-facts__card {
		padding: 20px 0;
	}

	.quick-facts--new .quick-facts__data {
		margin-bottom: 30px;
	}
}

@media only screen and (min-width: 1280px) {
	.quick-facts__inner {
		grid-gap: 100px;
	}
}