.block-icon-grid {
	.block-inner.layout__padded-columns {
		gap: 0;
	}

	&.block-bg-none {
		.block-icon-grid__item.wysiwyg {
			p {
				color: #5d6974;
			}
		}
	}

	&__item {
		&.wysiwyg {
			h3 {
				margin-top: 0;
				font-size: 24px;
				@include media-min($medium){
					font-size: 28px;
				}
			}
			p {
				font-size: 16px;
				font-weight: 300;
				line-height: 22px;
				text-align: left;
			}
		}
	}

	&__item-container {
		--num-cols: 1;

		display: grid;

		grid-template-columns: repeat(var(--num-cols), 1fr);
		gap: var(--grid-column-gutter);

		&[data-column-count="6"] {
			--num-cols: 3;
		}

		@include media-min($medium) {
			--num-cols: 2;

			&[data-column-count="6"] {
				--num-cols: 4;
			}
		}

		@include media-min($large) {
			&[data-column-count="3"] {
				--num-cols: 3;
			}

			&[data-column-count="4"] {
				--num-cols: 4;
			}

			&[data-column-count="6"] {
				--num-cols: 6;
			}
		}

		@include media-min($xlarge) {
		}

		&--center {
			.block-icon-grid__item {
				text-align: center;
				p {
					text-align: center;
				}
			}
		}

		&--row {
			.block-icon-grid__item {
				display: flex;
				gap: 16px;
			}
		}
	}

	&__item-icon-image {
		margin-bottom: 1.6rem;
		object-fit: contain;
		& + h4,
		& + h5 {
			margin-top: 0;
		}
	}
}
