@charset "utf-8";

/* BLOCKS */
	.elements-blocks {
		display: flex;
		flex-wrap: wrap;
		gap: var(--gap);
		margin: var(--margin-gap) auto;
		position: relative;
		text-align: left;
		}
	.elements-blocks-items-center {
		justify-content: center;
		}
	.elements-blocks-center {
		text-align: center;
		}
	.elements-blocks.elements-blocks-box {
		--gap: 1rem;
		}
	.elements-blocks.elements-blocks-nobox {
		--gap: 2.4rem;
		}
	.elements-blocks-item {
		flex: 0 0 calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));
		}
	.elements-blocks.elements-blocks-box .elements-blocks-item-border:not(.shadow) {
		border: 0.1rem solid var(--background-borders);
		}
	.elements-blocks.elements-blocks-box .elements-blocks-item {
		border-radius: var(--radius);
		padding: 2.4rem;
		}
	.elements-blocks.elements-blocks-icons .elements-blocks-item,
	.elements-blocks.elements-blocks-images .elements-blocks-item,
	.elements-blocks.elements-blocks-letters .elements-blocks-item,
	.elements-blocks.elements-blocks-numbers .elements-blocks-item,
	.elements-blocks.elements-blocks-steps .elements-blocks-item {
		display: grid;
		grid-gap: 2rem;
		}
	.elements-blocks.elements-blocks-icons.elements-blocks-icon-above .elements-blocks-item,
	.elements-blocks.elements-blocks-images.elements-blocks-image-above .elements-blocks-item,
	.elements-blocks.elements-blocks-letters.elements-blocks-letter-above .elements-blocks-item,
	.elements-blocks.elements-blocks-numbers.elements-blocks-number-above .elements-blocks-item,
	.elements-blocks.elements-blocks-steps.elements-blocks-step-above .elements-blocks-item {
		align-content: flex-start;
		grid-template-columns: 1fr;
		grid-gap: 1rem;
		}
	.elements-blocks.elements-blocks-icons.elements-blocks-icon-left.elements-blocks-icons-icon .elements-blocks-item,
	.elements-blocks.elements-blocks-letters.elements-blocks-letter-left .elements-blocks-item {
		grid-template-columns: 4rem 1fr;
		}
	.elements-blocks.elements-blocks-icons.elements-blocks-icon-left.elements-blocks-icons-image .elements-blocks-item {
		align-items: flex-start;
		grid-template-columns: 4.8rem 1fr;
		}
	.elements-blocks.elements-blocks-images.elements-blocks-image-left .elements-blocks-item {
		align-items: center;
		grid-template-columns: 8rem 1fr;
		}
	.elements-blocks.elements-blocks-numbers.elements-blocks-number-left .elements-blocks-item {
		align-items: center;
		grid-template-columns: 25% 1fr;
		}
	.elements-blocks.elements-blocks-steps.elements-blocks-step-left .elements-blocks-item {
		grid-template-columns: 10rem 1fr;
		}
	.elements-blocks-info.elements-blocks-haslink {
		display: grid;
		grid-template-rows: min-content 1fr min-content;
		}
	.elements-blocks-icon,
	.elements-blocks-letter {
		font-size: var(--text);
		}
	.elements-blocks-icon > span,
	.elements-blocks-letter > span {
		border: 0.1rem solid var(--background-borders);
		border-radius: 100%;
		color: var(--color-accent);
		display: inline-block;
		height: 4rem;
		line-height: 3.8rem;
		text-align: center;
		width: 4rem;
		}
	.elements-blocks-image {
		border-radius: 100%;
		max-width: 10rem;
		overflow: hidden;
		}
	.elements-blocks-center .elements-blocks-image {
		margin-inline: auto;
		}
	.elements-blocks-letter {
		font-weight: var(--heavy);
		}
	.elements-blocks-number {
		color: var(--color-important);
		font-size: var(--head-0);
		font-weight: var(--heavy);
		}
	.elements-blocks-step {
		display: grid;
		font-size: var(--head-6);
		grid-template-columns: min-content 4rem;
		text-transform: uppercase;
		}
	.elements-blocks-center .elements-blocks-step {
		display: inline-grid;
		margin-inline: auto;
		}
	.elements-blocks-step > em {
		font-style: normal;
		font-weight: 700;
		line-height: 4rem;
		white-space: nowrap;
		}
	.elements-blocks-step > span {
		border: 0.1rem solid var(--background-borders);
		border-radius: 100%;
		color: var(--color-important);
		display: inline-block;
		font-weight: var(--heavy);
		height: 4rem;
		line-height: 3.8rem;
		margin-left: 1rem;
		text-align: center;
		width: 4rem;
		}
	.elements-blocks-header {
		font-size: var(--head-6);
		font-weight: var(--heavy);
		}
	.elements-blocks.elements-blocks-images .elements-blocks-header {
		font-size: var(--text-sub-1);
		}
	.elements-blocks-text {
		font-size: var(--text-sub-2);
		line-height: 1.4em;
		opacity: 0.75;
		}
	.elements-blocks-header + .elements-blocks-text {
		margin-top: 0.5rem;
		}
	.elements-blocks-link {
		display: block;
		font-size: var(--text);
		}
	.elements-blocks-header + .elements-blocks-link,
	.elements-blocks-text + .elements-blocks-link {
		margin-top: 1rem;
		}
	.elements-blocks-left .elements-blocks-link {
		text-align: right;
		}
	.elements-blocks-label {
		display: block;
		font-size: var(--text-sub-3);
		font-weight: 700;
		margin-top: 2rem;
		text-transform: uppercase;
		transition: color 200ms ease;
		}
	.elements-blocks-label > span {
		background-color: var(--color-button);
		border-radius: var(--radius);
		color: var(--color-button-text);
		display: inline-block;
		padding: 1rem;
		transition: all 200ms ease;
		transition-property: background, color;
		}
	@media (hover: hover) and (pointer: coarse), (hover: hover) and (pointer: fine) {
		.elements-blocks-item:hover .elements-blocks-label > span {
			background-color: var(--color-button-hover);
			color: var(--color-button-hover-text);
			}
	}
	@media (min-width: 40em) {
		.elements-blocks.elements-blocks-box.w {
			--gap: 2.4rem;
			}
		.elements-blocks.elements-blocks-box.w .elements-blocks-item {
			padding: 2rem;
			}
	}
	@media (min-width: 80em) {
		.elements-blocks.w {
			margin: var(--margin-block) auto;
			}
		.elements-blocks-nobox.w {
			--gap: 7.2rem;
			}
	}