.edit_here
{
	/* TODO:edit here */

}

.history_diagram_View
{
	width: 90% !important;
	margin: 0 auto !important;
	display: flex !important;
	margin-bottom: 40px !important;
	margin-top: 200px !important;
}

@media screen and (max-width: 1137px)
{
	.history_diagram_View
	{
		display: block !important;
		padding-left: 42.32px !important;
	}
}

@media screen and (max-width: 834px)
{
	.history_diagram_View
	{
		margin-top: 122px !important;
	}
}

@media screen and (max-width: 565px)
{
	.history_diagram_View
	{
		padding-left: 20px !important;
		margin-top: 100px !important;
	}
}

.history_diagram_line
{
	border-left: 4px solid #161616 !important;
}

.history_year
{
	width: auto !important;
	height: auto !important;
	padding: 6px 16px !important;
	font-size: 32px !important;
	font-weight: 600 !important;
	border-radius: 200px !important;
	background-color: #161616 !important;
	color: #fafafa !important;
	transform: translateX(-27px) scale(1) !important;
	transition: transform 0.2s ease, opacity 0.2s ease !important;
}

.history_year.active
{
	transform: translateX(-27px) scale(1.2) !important;
  	opacity: 1 !important;
}

@media screen and (max-width: 1024px)
{
	.history_year
	{
		font-size: 24px !important;
	}
}

@media screen and (max-width: 750px)
{
	.history_year
	{
		font-size: 22px !important;
	}
}

@media screen and (max-width: 500px)
{
	.history_year
	{
		font-size: 16px !important;
		padding: 0px 16px !important;
		line-height: 34px !important;
	}
}

/* @media screen and (max-width: 565px)
{
	.history_year
	{
		font-size: 15px !important;
		padding: 0px 16px !important;
		line-height: 34px !important;
	}
} */

.hitory_list_view
{
	width: 100% !important;
	height: auto !important;
	padding-left: 20px !important;
	padding-bottom: 38px !important;
}

@media screen and (max-width: 565px)
{
	.hitory_list_view
	{
		padding-bottom: 38px !important;
	}
}

.history_list_font
{
	width: 100% !important;
	height: auto !important;
	font-size: 24px !important;
	font-weight: 500 !important;
	line-height: 29px !important;
	padding-top: 20px !important;
	transform: scale(1) !important;
	transition: transform 0.2s ease, opacity 0.2s ease !important;
}

.history_list_font.active
{
	transform: scale(1.2) !important;
	opacity: 1 !important;
}

@media screen and (max-width: 1024px)
{
	.history_list_font
	{
		font-size: 18px !important;
		padding-top: 10px !important;
	}
}

@media screen and (max-width: 750px)
{
	.history_list_font
	{
		font-size: 17px !important;
		padding-top: 5px !important;
	}
}

@media screen and (max-width: 500px)
{
	.history_list_font
	{
		font-size: 13px !important;
		padding-top: 5px !important;
	}
}

.history_list_container
{
	width: 100% !important;
	height: auto !important;
}

.history_h2_1
{
	width: auto !important;
	height: auto !important;
	font-size: 54px !important;
	font-weight: 700 !important;
}

@media screen and (max-width: 1432px){
	.history_h2_1
	{
		padding-right: 100px !important;
		text-align: left !important;
		transform: translateX(-27px) !important;
	}
}

@media screen and (max-width: 1024px){
	.history_h2_1
	{
		padding-right: 50px !important;
		text-align: left !important;
		font-size: 36px !important;
	}
}

@media screen and (max-width: 750px)
{
	.history_h2_1
	{
		padding-right: 0 !important;
		text-align: left !important;
		font-size: 36px !important;
	}
}

@media screen and (max-width: 500px)
{
	.history_h2_1
	{
		font-size: 28px !important;
	}
}

/* @media screen and (max-width: 565px)
{
	.history_h2_1
	{
		font-size: 50px !important;
	}
}

@media screen and (max-width: 470px)
{
	.history_h2_1
	{
		font-size: 30px !important;
	}
} */

.history_h2_2
{
	width: auto !important;
	height: auto !important;
	font-size: 54px !important;
	font-weight: 700 !important;
	color: #7d63ff !important;
}

@media screen and (max-width: 1432px){
	.history_h2_2
	{
		padding-right: 100px !important;
		text-align: left !important;
		transform: translateX(-27px) !important;
	}
}

@media screen and (max-width: 1024px){
	.history_h2_2
	{
		padding-right: 50px !important;
		text-align: left !important;
		font-size: 36px !important;
	}
}

@media screen and (max-width: 750px)
{
	.history_h2_2
	{
		padding-right: 0 !important;
		text-align: left !important;
		font-size: 36px !important;
	}
}

@media screen and (max-width: 750px)
{
	.history_h2_2
	{
		padding-right: 0 !important;
		text-align: left !important;
		font-size: 36px !important;
	}
}

@media screen and (max-width: 500px)
{
	.history_h2_2
	{
		font-size: 28px !important;
	}
}

/* @media screen and (max-width: 834px)
{
	.history_h2_2
	{
		font-size: 34px !important;
	}
} */

/* @media screen and (max-width: 565px)
{
	.history_h2_2
	{
		font-size: 50px !important;
	}
}

@media screen and (max-width: 470px)
{
	.history_h2_2
	{
		font-size: 30px !important;
	}
} */

.history_h2_view
{
	top: -100px !important;
}

@media screen and (max-width: 572px)
{
	.history_h2_view
	{
		top: -30px !important;
	}
}

.timeline
{


  /* list-style: none !important; */
  line-height: 21px !important;
}

.scroll_scale
{
	transform: translateX(-27px) scale(1) !important;
}

.scroll_scale.in-focus
{
	transform: translateX(-27px) scale(1.2) !important;
}

.scroll_scale.in-focus-text
{
	transform: translateX(13%) scale(1.2) !important;
}

.sceoll_text
{
	transform: translateX(0) scale(1) !important;
}

.sceoll_text.in-focus-text
{
	transform: translateX(13%) scale(1.2) !important;
}

.bg_overflow
{
	overflow-x: hidden !important;
}