@charset "utf-8";
/* CSS Document */
.whats-new-banner{
	width: 100%; 
	padding: 48px 0;
	background: linear-gradient(180deg, #E5F1FF 0%, rgba(229, 241, 255, 0.00) 100%);
}
.whats-new-bannermiddle{
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	gap: 20px;
}
.whats-new-bannermiddle b{
	color: #000;
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.whats-new-bannermiddle h1{
	color: #000;
text-align: center;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 128%;
}
.whats-new-bannermiddle p{
	color: #000;
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 150%; 
}
.whats-new-version{
	max-width: 769px;
	width: 88%;
	margin: 0 auto;
	padding: 60px 0;
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.whats-new-version-item h3{
	color: #000;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 266.667%;
	display: flex;
	align-items: center;
	gap: 24px;
}
.whats-new-version-item h3 span{
	color: #606060;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.whats-new-version-item ul{
	display: flex;
	flex-direction: column;
	gap: 24px;
	align-items: flex-start;
	padding: 12px 24px 12px 48px;
	position: relative;
}
.whats-new-version-item ul:before{
	width: 1px;
	height: 100%;
	content: "";
	display: block;
	position: absolute;
	left: 24px;
	top: 0;
	background: #EEE;
}
.whats-new-version-item ul li{
	color: #000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.whats-new-version-item ol{ padding-inline-start: 10px;}
.whats-new-version-item ol li{padding-inline-start: 14px; margin-top: 12px; position: relative;}
.whats-new-version-item ol li::before{content: ""; position: absolute; inset-inline-start: 0; top: 10px; width: 4px; height: 4px; border-radius: 50%; background-color: #000; }

@media screen and (max-width: 768px) {
	.whats-new-bannermiddle b{
		font-size: 16px;
		color: #18191B;
	}
	.whats-new-bannermiddle h1{
		font-size: 28px;
		color: #18191B;
	}
	.whats-new-bannermiddle p{
		font-size: 16px;
		color: #18191B;
	}
	.whats-new-version{
		padding: 20px 0;
		gap: 16px;
	}
	.whats-new-version-item h3{
		font-size: 20px;
		line-height: 320%;
	}
	.whats-new-version-item h3 span{
		font-size: 14px;
		color: #606060;
		line-height: 24px;
	}
	.whats-new-version-item ul{
		margin: 16px 0;
		padding: 0 0px 0 40px;
		gap: 16px;
	}
	.whats-new-version-item ul li{
		font-size: 14px;
		line-height: 24px;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (min-device-pixel-ratio:1.5) {
}