.section_points.benefits
{
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.benefit
{
	overflow: hidden;
	border-radius: var(--global_size_20);
	grid-template-rows: 1fr auto;
	height: auto;
}

.benefit .contener
{
	color: var(--root_color_light);
	background-color: var(--root_color_lead);
	padding-top: var(--global_size_25);
	padding-right: var(--global_size_30);
	padding-bottom: var(--global_size_30);
	padding-left: var(--global_size_30);
	grid-template-rows: auto 1fr;
}

.benefit:nth-child(even) .contener
{
	color: var(--root_color_light_2);
	background-color: var(--root_color_lead_3);
}

.benefit .content
{
	color: var(--root_color_light) !important;
}

.benefit:nth-child(even) .content
{
	color: var(--root_color_light_2) !important;
}

.benefit .image::after
{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	aspect-ratio: 1/1;
	border-radius: 50%;
	background-color: transparent;
	mix-blend-mode: multiply;
	transform: translateX(50%);
}

.benefit:nth-child(1) .image::after
{
	background-color: var(--root_color_lead_2);
}

.benefit:nth-child(2) .image::after
{
	background-color: var(--root_color_lead_3);
	top: 100%;
	right: auto;
	left: 0;
	transform: translate(-50%, -50%);
}

.benefit:nth-child(3) .image::after
{
	background-color: var(--root_color_lead);
	top: 100%;
	transform: translate(50%, -50%);
}

.benefit:nth-child(4) .image::after
{
	background-color: var(--root_color_lead_2);
	right: auto;
	left: 0;
	transform: translate(-50%, -50%);
}

.benefit:nth-child(5) .image::after
{
	background-color: var(--root_color_lead);
	right: auto;
	left: 0;
	transform: translateX(-50%);
}

.benefit:nth-child(6) .image::after
{
	background-color: var(--root_color_lead_2);
	top: 100%;
	transform: translate(50%, -50%);
}

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

@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: 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)
{
}