/**
 * section_points
 * @version	2.0
 * @release	17-01-2022
 * @author	msolowski Marcin Sołowski
 * @website	http://msolowski.pl
 */

.section_points
{
	background-color: var(--root_color_lead);
}

.section_points .point
{
	overflow: hidden;
	position: relative;
	height: auto;
	transition: var(--global_transition);
}

.section_points .point::before
{
	content: '';
	display: block;
	position: absolute;
	top: -1%;
	right: -1%;
	bottom: -1%;
	left: -1%;
	background-color: var(--root_color_lead);
	transition: var(--global_transition);
}

.section_points .point:hover::before
{
	opacity: 0.8;
}

.section_points .point .heading
{
	--min: 54;
	--max: 80;
	font-size:
		clamp(calc(var(--min) * 1px),
		calc((((-1 * var(--global_scm_var)) * ((var(--max) - var(--min)) / (var(--global_sc_var) - var(--global_scm_var))) + var(--min)) * 1px)
		+ ((var(--max) - var(--min)) / (var(--global_sc_var) - var(--global_scm_var)) * 100vw)),
		calc(var(--max) * 1px));
}

.section_points .point .icon
{
	width: 100%;
	max-width: 104px;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
}

.section_points .point .link .global_link
{
	color: var(--root_color_white);
}

.section_points .gs_arrow 
{
	display: none;
}

/**********************************************************************************/

@media screen and (max-width: 1680px)
{
}

@media screen and (max-width: 1600px)
{
}

@media screen and (max-width: 1440px)
{
}

@media screen and (max-width: 1366px)
{
}

@media screen and (max-width: 1310px)
{
	.section_points .gs_arrow 
	{
		display: flex;
	}
}

@media screen and (max-width: 1300px)
{
}

@media screen and (max-width: 1200px)
{
}

@media screen and (max-width: 1024px)
{
}

@media screen and (max-width: 800px)
{
}

@media screen and (max-width: 640px)
{
}

@media screen and (max-width: 480px)
{
}

@media screen and (max-width: 360px)
{
}