@layer components.page-values {
	[data-c-page-values] {
		padding-top: 100px;
		padding-bottom: 100px;

		@media screen and (max-width: 991px) {
			padding-top: 50px;
			padding-bottom: 50px;
		}

		h2 {
			font-family: var(--font-family-serif);
			font-weight: var(--font-weight-heavy);
			color: var(--color-dark-blue);
			font-size: var(--font-size-4xl);
			margin-bottom: var(--space-10);
			line-height: 110%;
			text-align: center;

			@media screen and (max-width: 1199px) {
				font-size: var(--font-size-3xl);
				margin-bottom: var(--space-8);
			}

			@media screen and (max-width: 767px) {
				font-size: var(--font-size-2xl);
				margin-bottom: var(--space-6);
			}
		}

		.list {
			list-style-type: none;
			padding: 0;
			row-gap: 124px;

			@media screen and (max-width: 1199px) {
				row-gap: 80px;
			}

			@media screen and (max-width: 767px) {
				row-gap: 40px;
			}

			.item {
				display: flex;
				flex-direction: column;
				align-items: center;
				row-gap: 30px;
				max-width: 413px;
				text-align: center;
				color: var(--color-dark-blue);
				margin: 0 auto;
				font-size: var(--font-size-base);
				line-height: 145%;
				font-weight: var(--font-weight-extra-bold);

				@media screen and (max-width: 1199px) {
					max-width: none;
					margin: 0 20px;
				}

				@media screen and (max-width: 767px) {
					font-size: var(--font-size-sm);
				}

				svg {
					color: var(--color-green);

					@media screen and (max-width: 991px) {
						height: 100px;
						width: auto;
					}
				}
			}
		}

	}
}