/* Start:/bitrix/templates/main/components/bitrix/news.list/interactive_cards/style.css?17495422931319*/
.square_cards_container {
	margin: 0 0 30px 0;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}
.square_cards-list .square_card {
	/* width: 300px; */
	width: calc(100% / 3);
	height: 300px;
	cursor: pointer;
}
.square_cards-list .square_card .content {
	width: 100%;
	height: 100%;
	padding: 20px;
	box-sizing: border-box;
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.square_card .front_part {
	height: 100%;
	padding: 5px;
	color: white;
	font-size: 16px;
	text-align: center;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-color: #000000b5;
}
.square_card .front_part .name {
	margin: 0 0 20px 0;
	font-size: 20px;
	font-weight: bold;
}
.square_card .front_part p {
	margin: 0 0 10px 0;
	text-align: center;
}
#card_modal {
	width: 100%;
	height: 100%;
	min-height: fit-content;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999999;
}
#card_modal .wrapper {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #00000080;
}
#card_modal #close {
	padding: 5px;
	position: absolute;
	top: 30px;
	right: 30px;
	cursor: pointer;
}
#card_modal #close:hover svg {
	fill: #7dcd74;
}
#card_modal img {
	max-width: 90%;
	max-height: 90vh;
}
#card_modal img {}
/* End */
/* /bitrix/templates/main/components/bitrix/news.list/interactive_cards/style.css?17495422931319 */