.mod_projectslist__items {
	display: flex;
	flex-wrap: wrap;
	width: 15rem;
	height: 15rem;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
}
.mod_projectslist_pagination {
	display: block;
	padding-top: 2rem;
}
.mod_projectslist_pagination p {
	text-align: center;
	margin-bottom: .5rem;
}
.mod_projectslist_pagination ul {
	display: flex;
	align-items: center;
	justify-content: center;
	/* height: 3rem; */
	/* border: 1px solid red; */
}
.mod_projectslist_pagination ul li {
	
}
.mod_projectslist_pagination ul li svg.circle {
	width: .5rem;
	height: .5rem;
	
}
.mod_projectslist_pagination ul li svg.circle circle {
	fill: var(--color1);
	-webkit-transition: fill .3s ease;
	-moz-transition: fill .3s ease;
	transition: fill .3s ease;
	
}
.mod_projectslist_pagination ul li a:hover svg.circle circle {
	fill: var(--color-link-active);
	
}
.mod_projectslist_pagination ul li strong svg.circle circle {
	fill: var(--color-link-active);
	
}
.mod_projectslist_pagination ul li svg.arrow {
	width: 0.7rem;
	height: 0.7rem;
}
.mod_projectslist_pagination ul li.previous svg.arrow {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}
.mod_projectslist_pagination ul li svg.arrow polyline {
	stroke: var(--color1);
	stroke-width: 4px;
	-webkit-transition: stroke .3s ease;
	-moz-transition: stroke .3s ease;
	transition: stroke .3s ease;
}
.mod_projectslist_pagination ul li.next a:hover svg.arrow polyline,
.mod_projectslist_pagination ul li.previous a:hover svg.arrow polyline {
	stroke: var(--color-link-active);
	
}
.mod_projectslist_pagination ul li strong,
.mod_projectslist_pagination ul li a {
	display: flex;
	width: 2.2rem;
	height: 2.2rem;
	/* padding: 0.7rem; */
	/* border: 1px solid blue; */
	align-items: center;
	justify-content: center;
	
}
@media screen and (min-width: 768px){
	.mod_projectslist__items {
		width: 400px;
		height: 400px;
		
	}
	
}