@charset "utf-8";

/* PROCESS */
	.features-process {
		--pad: var(--gap);
		--columns: 1;
		display: grid;
		grid-gap: var(--gap);
		grid-template-columns: repeat(var(--columns), 1fr);
		margin: var(--margin-block) auto;
		}
	.features-process-item {
		border-radius: var(--radius);
		box-shadow: var(--shadow);
		}
	.features-process-holder {
		padding: var(--pad);
		}
	.features-process-header {
		font-size: var(--head-4);
		margin-bottom: 1rem;
		}
	.features-process-text {
		font-size: var(--text-sub-1);
		}
	@media (min-width: 40em) {
		.features-process {
			--columns: 2;
			}
	}
	@media (min-width: 80em) {
		.features-process {
			--pad: 4rem;
			--columns: 4;
			}
	}
	@media (min-width: 100em) {
		.features-process {
			margin-inline: calc(var(--margin-pad) * -1);
			}
	}
	@media (min-width: 120em) {
		.features-process {
			margin-inline: calc(var(--margin-pad) * -2);
			}
	}