/* --------------------------- Icons With Descriptions Block -------------------------- */

.icons-with-descriptions
{
	padding: var(--padding_content_area) 0;
}

.icons-with-descriptions h2, .icons-with-descriptions p
{
	margin: 0 0 var(--gap_spacing_default) 0;
}

.icons-with-descriptions p:last-child
{
	margin: 0;
}

.icons-with-descriptions h2
{
	text-align: center;
	max-width: 1000px;
	margin-bottom: var(--gap_spacing_large);
	margin-left: auto;
	margin-right: auto;
}

.icons-with-descriptions p
{
	max-width: 1000px;
	margin-left: auto !important;
	margin-right: auto !important;
}

.icons-with-descriptions-list
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: var(--gap_spacing_large);
}

.icons-with-descriptions-item
{
	display: grid;
	grid-template-rows: 100px auto auto auto;
}

.icons-with-descriptions-item svg
{
	width: auto;
	height: 100px;
	fill: var(--theme_color_primary);
}

.icons-with-descriptions-item h3
{
	text-align: center;
	margin-top: var(--gap_spacing_large);
}

.icons-with-descriptions-item h3 a
{
	color: #000;
}

.icons-with-descriptions-item h3 a:hover
{
	color: var(--theme_color_primary);
}

.icon-with-descriptions-icon
{
	text-align: center;
}

.icon-with-descriptions-btn
{
	align-self: end;
	text-align: center;
}

.icons-with-descriptions-content
{
	margin-top: var(--gap_spacing_large);
	text-align: center;
	font-style: italic;
	font-size: var(--font_size_small);
	line-height: var(--line_height_small);
}

@media (max-width: 768px) {

	.icons-with-descriptions-list, .icons-with-descriptions-item, .icon-with-descriptions-icon, .icon-with-descriptions-btn
	{
		display: block;
	}

	.icons-with-descriptions-item
	{
		max-width: 500px;
		margin: 0 auto var(--gap_spacing_extra_large) auto;
	}

	.icons-with-descriptions-item h3
	{
		margin-top: var(--gap_spacing_default);
	}

}