.gutenberg.features {
	container: gut-columns/inline-size;
	background-color: #F6F7F9;
}

.gutenberg.features > .container {
	/* margin-block: 60px; */
	width: 100%;
	max-width: 1380px;
	margin: 10px auto;
	padding: 0 15px;
}
.gutenberg.features .inner {
	padding: 15px 30px;
	border-radius: 20px;
	background-color:#ffffff;
}

.gutenberg.features .content {
	display: flex;
	justify-content: space-between;
}
.gutenberg.features .content-item {
	display: flex;
	align-items: flex-start;
	width: 33.333%;
	padding: 0 15px;
}
.gutenberg.features .content-item header {
	display: flex;
	gap: 16px;
}
.gutenberg.features .content-item header svg {
	flex-shrink: 0;
}

.gutenberg.features .content-item main {
	display: flex;
}
.gutenberg.features .content-item header h2{
	color: var(--Title, #26333C);
	font-family: Montserrat;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 30px;
}
.gutenberg.features .content-item main.center {
	justify-content: center;
}
.gutenberg.features .content-item main.left {
	justify-content: flex-start;
}
.gutenberg.features .content-item main.right {
	justify-content: flex-end;
}

@container gut-columns (width <= 1024px) {
	.gutenberg.features .content {
		flex-direction: column;
		gap: 50px;
	}
	.gutenberg.features .content-item{
		
		width: 100%;
	}
}
@container gut-columns (width <= 767px) {
	.gutenberg.features > .container {
		margin-block: 40px;
	}
	.gutenberg.features .content-item{
		padding: 0;
		width: 100%;
	}
	.gutenberg.columns .inner {
		padding: 15px;
	}
}