.section_references
{
	position: relative;
/*	background-color: #ffffff; */
}

.section_references .before
{
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
}

.section_references .before::before
{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 51.5625vw;
	height: 51.5625vw;
	background-color: var(--root_color_light_2);
	border-radius: 50%;
	transform: translate(-50%, -50%);
}

.section_references .after
{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 1px;
	height: 1px;
}

.section_references .after::before
{
	content: '';
	display: block;
	position: absolute;
	bottom: var(--global_size_75);
	right: var(--global_size_75);
	width: 15.3645vw;
	height: 15.3645vw;
	background-color: var(--root_color_light_2);
	border-radius: 50%;
}

.section_references .after::after
{
	content: '';
	display: block;
	position: absolute;
	bottom: var(--global_size_50);
	right: calc(15.3645vw + var(--global_size_60));
	width: 63px;
	height: 63px;
	background-color: var(--root_color_light_2);
	border-radius: 50%;
}

.section_references .post_reference:nth-child(1){ transition-delay: 0.1s; }
.section_references .post_reference:nth-child(2){ transition-delay: 0.2s; }
.section_references .post_reference:nth-child(3){ transition-delay: 0.3s; }
.section_references .post_reference:nth-child(4){ transition-delay: 0.4s; }

/**********************************************************************************/

@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)
{
	.section_references .before::before,
	.section_references .after::before,
	.section_references .after::after
	{
		display: none;
	}
}

@media screen and (max-width: 800px)
{
}

@media screen and (max-width: 640px)
{
}

@media screen and (max-width: 480px)
{
}

@media screen and (max-width: 360px)
{
}