.gutenberg.columns {
	container: gut-columns/inline-size;
}

.gutenberg.columns > .container {
	margin-block: 60px;
}

.gutenberg.columns .title {
	text-align: center;
	margin-bottom: 50px;
}
.gutenberg.columns .content {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 50px 97px;
	column-gap: 7.639%;
}
.gutenberg.columns .content-item header {
	display: flex;
	gap: 16px;
	align-items: center;
	margin-bottom: 16px;
}
.gutenberg.columns .content-item header svg {
	flex-shrink: 0;
}

.gutenberg.columns .content-item header.center {
	justify-content: center;
}
.gutenberg.columns .content-item header.left {
	justify-content: flex-start;
}
.gutenberg.columns .content-item header.right {
	justify-content: flex-end;
}
.gutenberg.columns .content-item main {
	display: flex;
}
.gutenberg.columns .content-item main.center {
	justify-content: center;
}
.gutenberg.columns .content-item main.left {
	justify-content: flex-start;
}
.gutenberg.columns .content-item main.right {
	justify-content: flex-end;
}

@container gut-columns (width <= 1024px) {
	.gutenberg.columns .content {
		grid-template-columns: 1fr;
	}
}
@container gut-columns (width <= 767px) {
	.gutenberg.columns > .container {
		margin-block: 40px;
	}
}