/* --------------------------- Icon Section Block -------------------------- */

.icon-section
{
	margin: 0 var(--gap_spacing_default);
	overflow: hidden;
}

.icon-section-animation
{
	padding: 0;
}

.icon-section h2
{
	text-align: center;
	margin-bottom: var(--gap_spacing_large);
}

.icon-section-content p
{
	text-align: center;
	margin-bottom: var(--gap_spacing_large);
}

.icon-section svg
{
	width: auto;
	height: 120px;
	margin: 0 auto var(--gap_spacing_default) auto;
	color: var(--theme_color_primary);
	fill: var(--theme_color_primary);
}

.icon-section h3
{
	text-transform: uppercase;
	font-size: var(--font_size_main);
	line-height: var(--line_height_main);
	margin-bottom: 0;
}

.icon-section-list
{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: var(--gap_spacing_large);
}

.icon-section-list-item
{
	display: grid;
	grid-template-columns: 1fr;
    grid-template-rows: max-content auto;
	grid-gap: var(--gap_spacing_default);
	text-align: center;
	max-width: 310px;
}

.icon-section-list-item .icon-text
{
    text-align: center;
}

.icon-section-btn
{
	text-align: center;
}

.icon-section-btn .btn
{
	display: inline-block;
}

@media (max-width: 1400px) {

    .icon-section-list
    {
        grid-template-columns: repeat(3, 1fr);
    }

}

@media (max-width: 768px) {

    .icon-section-list
    {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 500px) {

    .icon-section-list
    {
        grid-template-columns: 1fr;
    }

    .icon-section-list-item
    {
        max-width: none;
    }

    .icon-section svg
    {
        height: 80px;
    }

}