/* Start:/local/templates/kids/components/bitrix/catalog.section.list/quiz/style.css?17583648611443*/
.quiz_list{
	display: flex;
	flex-direction: column;
	gap: 30px;
	padding-bottom: var(--block-padding);
}
.quiz_list_item{
	width: 100%;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	position: relative;
	color: black;
	text-decoration: none;
	cursor: pointer;
	transition-duration: 0.3s;
}
.quiz_list_item:hover{
	margin-top: -15px;
	margin-bottom: 15px;
}
.quiz_list_item:after {
    content: attr(data-age);
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 3px 8px 5px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: white;
}
.quiz_list_item img{
	width: 100%;
	height: 225px;
	object-fit: cover;
	border-radius: 10px 10px 0 0;
}
.quiz_list_text{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 15px;
	padding: 20px 0;
	border-radius: 0 0 10px 10px;
	border: 1px solid var(--gray-color);
}
.quiz_list_title{
	font-size: var(--big-font);
	font-weight: 450;
	font-family: 'Casus Pro', sans-serif;
}
@media screen and (min-width: 768px){
	.quiz_list{
		display: grid;
		grid-template-columns: 1fr 1fr;	
	}
}
@media screen and (min-width: 1200px){
	.quiz_list{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		column-gap: 30px;	
		row-gap: 50px;
	}
	.quiz_list_text{
		padding: 20px;
		align-items: flex-start;
	}
}
/* End */
/* /local/templates/kids/components/bitrix/catalog.section.list/quiz/style.css?17583648611443 */