@charset "UTF-8";
.grid-info-links, .grid-info-links .el {
		list-style: none;
		margin: 0;
		padding: 0;
}
.grid-info-links .el:before {
		display: none;
}
.grid-info-links {
		display: flex;
		flex-wrap: wrap;
		gap: var(--gap-inner);
		container-type: inline-size;
		container-name: grid-info-links;
		flex: 1 0 auto;
		width: 100%;
}
.grid-info-links:not(:first-child) {
		margin-top: var(--gap-blocks);
}
.grid-info-links:not(:last-child) {
		margin-bottom: var(--gap-blocks);
}
.grid-info-links .el {
		flex: 0 0 auto;
		width: 100%;
		display: flex;
		flex-direction: column;
}
@container grid-info-links (min-width: 730px) {
		.grid-info-links .el:not(:only-child) {
				width: calc((100% - var(--gap-inner)) / 2);
		}
		.grid-info-links .el:nth-child(odd):last-child {
				width: 100%;
		}
}
@container grid-info-links (min-width: 1100px) {
		.grid-info-links .el:not(:only-child) {
				width: calc((100% - var(--gap-inner) * 2) / 3) !important;
		}
		.grid-info-links:has(.el:nth-child(2):last-child) .el, .grid-info-links:has(.el:nth-child(4):last-child) .el {
				width: calc((100% - var(--gap-inner)) / 2) !important;
		}
}
.grid-info-links .el > * {
		flex: 1 0 auto;
		width: 100%;
}
.info-link {
		display: flex;
		align-items: center;
		text-decoration: none;
		color: var(--white);
		text-align: left;
		font: 500 20px/1.21 var(--font);
		background: var(--color2);
		border: 1px solid var(--color2);
		border-radius: var(--radius);
		padding: 15px 21px;
		justify-content: space-between;
		gap: var(--gap);
		transition-property: color, background, border;
		transition-duration: 0.4s;
		transition-timing-function: ease;
		user-select: none;
}
@container grid-info-links (min-width: 400px) {
		.info-link {
				padding: 21px 25px;
		}
}
@container grid-info-links (min-width: 730px) {
		.info-link {
				padding: 21px 31px;
		}
}
@media (pointer:fine) {
		.info-link:hover {
				border-color: var(--color3);
				color: var(--color3);
				background-color: var(--color1);
		}
}
.info-link:active {
		transition: none;
		border-color: var(--color2);
		color: var(--color2);
		background-color: var(--color1);
}
.info-link .icon {
		flex: 0 0 auto;
		width: 73px;
		height: 73px;
		border-radius: 50%;
		background: var(--color3);
}
.info-link .icon img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center;
		border-radius: 50%;
}
.grid-col3 .col:not(:has(.grid-info-links>.el:nth-child(3))) .info-link{
		flex-direction: column-reverse;
		align-items: flex-start;
}
@media only screen and (min-width: 1200px){
		.grid-col3 .grid-info-links{
				flex-direction: column;
		}
		.grid-col3 .grid-info-links>.el{
				flex: 1 0 auto;
		}
		.grid-col3 .grid-info-links:not(:has(>.el:nth-child(3)))>.el:nth-child(2){
				flex: 0 0 auto;
				min-height: calc((100% - var(--gap-inner)*2)/3);
		}
}