@charset "UTF-8";

ul,
li {
	list-style: none;
}

.content_works {
	.works_count {
		margin-bottom: var(--size-20-30);
		/* text-align: right; */
		font-size: var(--size-14-16);
		span {
			font-size: 1.3em;
			font-weight: 600;
		};
	}
	.p-works-list {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
		gap: 40px var(--size-20-30);
		margin: 0 auto var(--size-30-50);
		@media screen and (max-width: 767px) {
			grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));
			gap: 30px 10px;
		}

		>li {
			.p-works-list__item {
				width: 100%;
				margin-right: 0;
				margin-bottom: 0;
			}
		}
	}
}
.works_cat {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(3px, 2.091px + 0.242vw, 5px);
	>li {
		a {
			display: block;
			background: #f0b800;
			border-radius: 50vh;
			padding: .3em .6em;
			font-size: var(--size-12-14);
			color: #fff;
			&:hover {
				opacity: .7;
			}
		}
	}

}