.achievements-page{
	display:grid;
	gap:28px;
}

.achievements-panel{
	padding:26px;
	border:1px solid rgba(255,255,255,.12);
	margin-bottom:35px;
	border-radius:24px;
	background:
		linear-gradient(
			180deg,
			rgba(255,255,255,.045),
			rgba(255,255,255,.018)
		);

	box-shadow:
		0 24px 60px rgba(0,0,0,.35);
}

.achievements-panel .achievements-modal-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:16px;
	margin-top:24px;
}

@media(max-width:1200px){

	.achievements-panel .achievements-modal-grid{
		grid-template-columns:repeat(3,1fr);
	}

}

@media(max-width:900px){

	.achievements-panel .achievements-modal-grid{
		grid-template-columns:repeat(2,1fr);
	}

}

@media(max-width:640px){

	.achievements-panel .achievements-modal-grid{
		grid-template-columns:1fr;
		gap: 10px;
	}

}

.achievements-page-groups{
	display:grid;
	gap:34px;
}

.achievements-page-group{
	display:grid;
	gap:18px;
}

.achievements-page-group h4{
	margin:0;
	color:#ffc400;
	font-size:30px;
	font-weight:1000;
	text-transform:uppercase;
	letter-spacing:.04em;
}

.achievements-page-group .achievements-modal-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:16px;
}

@media(max-width:1100px){

	.achievements-page-group .achievements-modal-grid{
		grid-template-columns:repeat(2,1fr);
	}

}

@media(max-width:640px){

	.achievements-page-group .achievements-modal-grid{
		grid-template-columns:1fr;
	}

.achievements-panel {
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, .12);
    margin-bottom: 20px;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .018));
    box-shadow: 0 24px 60px rgba(0, 0, 0, .35);
}
.achievements-page {
    display: grid;
    gap: 0px;
}


}