.app-key-numbers  > div:first-of-type {
		position: relative;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		color: #fff;
	}
@media (max-width: 767px) {
		.app-key-numbers  > div:first-of-type {
			padding-block: 60px 45px;
	}
		}
@media (min-width: 768px) {
		.app-key-numbers  > div:first-of-type {
			display: flex;
			aspect-ratio: 3 / 1;
	}
		}
:is(.app-key-numbers > div:first-of-type) img {
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			width: 100%;
			object-fit: cover;
			filter: brightness(0.5);
		}
:is(.app-key-numbers > div:first-of-type)  > h3,:is(.app-key-numbers > div:first-of-type)  > p {
			position: relative;
			z-index: 1;
			width: 100%;
			padding: 0 15px;
			text-align: center;
		}
:is(.app-key-numbers > div:first-of-type)  > h3 {
			text-transform: uppercase;
			font: 300 4.8rem / 1 "Avenir", sans-serif;
		}
:is(:is(.app-key-numbers > div:first-of-type) > h3) ~ div > .app-number {
				text-align: center;
			}
:is(:is(:is(.app-key-numbers > div:first-of-type) > h3) ~ div > .app-number) div:last-child {
					margin-left: 0;
				}
:is(.app-key-numbers > div:first-of-type)  > p {
			margin-bottom: 30px;
			font-size: 1.8rem;
		}
:is(.app-key-numbers > div:first-of-type)  > div {
			display: flex;
			flex-direction: column;
			width: 100%;
			justify-content: space-around;
			align-items: flex-start;
			position: relative;
			z-index: 1;
			padding-top: 30px;
			gap: 30px;
			text-shadow: 0 0 3px #000;
		}
@media (max-width: 767px) {
		:is(.app-key-numbers > div:first-of-type)  > div {
				flex-wrap: wrap;
		}
			}
@media (min-width: 768px) {
		:is(.app-key-numbers > div:first-of-type)  > div {
				flex-direction: row;
				gap: 60px;
				padding-top: 0;
		}
			}
@media (min-width: 1280px) {
		:is(.app-key-numbers > div:first-of-type)  > div {
				gap: 80px;
		}
			}
:is(:is(.app-key-numbers > div:first-of-type) > div) .app-number {
				flex: 1 1 0;
				text-align: center;
				font-size: 1.8rem;
			}
@media (max-width: 767px) {
		:is(:is(.app-key-numbers > div:first-of-type) > div) .app-number {
					width: 100%;
					padding: 15px;
					font-size: 1.6rem;
			}
				}
:is(:is(:is(.app-key-numbers > div:first-of-type) > div) .app-number) span {
					display: block;
				}
:is(:is(:is(:is(.app-key-numbers > div:first-of-type) > div) .app-number) span):nth-child(1) {
						margin-bottom: 15px;
						line-height: 1;
						font-weight: 300;
						font-size: 8rem;
					}
@media (min-width: 1280px) {
		:is(:is(:is(:is(.app-key-numbers > div:first-of-type) > div) .app-number) span):nth-child(1) {
							font-size: 10rem;
					}
						}
.small:is(:is(:is(:is(.app-key-numbers > div:first-of-type) > div) .app-number) span):nth-child(1) {
							font-size: 6rem;
						}
@media (min-width: 1280px) {
		.small:is(:is(:is(:is(.app-key-numbers > div:first-of-type) > div) .app-number) span):nth-child(1) {
								font-size: 8rem;
						}
							}
.smaller:is(:is(:is(:is(.app-key-numbers > div:first-of-type) > div) .app-number) span):nth-child(1) {
							font-size: 4.5rem;
						}
@media (min-width: 1280px) {
		.smaller:is(:is(:is(:is(.app-key-numbers > div:first-of-type) > div) .app-number) span):nth-child(1) {
								font-size: 6.5rem;
						}
							}
.smallest:is(:is(:is(:is(.app-key-numbers > div:first-of-type) > div) .app-number) span):nth-child(1) {
							font-size: 3rem;
						}
@media (min-width: 1280px) {
		.smallest:is(:is(:is(:is(.app-key-numbers > div:first-of-type) > div) .app-number) span):nth-child(1) {
								font-size: 5rem;
						}
							}
:is(:is(:is(:is(.app-key-numbers > div:first-of-type) > div) .app-number) span):nth-child(2) {
						font-size: 1.8rem;
					}
@media (min-width: 768px) {
		:is(:is(:is(:is(.app-key-numbers > div:first-of-type) > div) .app-number) span):nth-child(2) {
							font-size: 2.2rem;
					}
						}
:is(:is(:is(:is(.app-key-numbers > div:first-of-type) > div) .app-number) span):nth-child(3) {
						font-size: 1.4rem;
					}
@media (min-width: 768px) {
		:is(:is(:is(:is(.app-key-numbers > div:first-of-type) > div) .app-number) span):nth-child(3) {
							font-size: 1.8rem;
					}
						}
:is(.app-key-numbers > div:first-of-type) .app-link-wrapper {
			width: 100%;
			padding-block: 30px;
			color: #fff;
		}
@media (min-width: 768px) {
		:is(.app-key-numbers > div:first-of-type) .app-link-wrapper {
				position: absolute;
				bottom: 30px;
				left: 0;
				padding-block: 0;
		}
			}
:is(:is(.app-key-numbers > div:first-of-type) .app-link-wrapper) .app-container {
				display: flex;
				justify-content: flex-end;
			}