.pa-section {
	--pa-tag-fg-color: #808080;
	--pa-tag-selected-bg-color: #FF5000;
	--pa-tag-selected-fg-color: #FFFFFF;
	--scrolling-button-color: #5378FC;
	--pa-gray: #808080;
	margin-top: 40px;
}
.pa-section h3 {
	font-size: 24px;
	font-weight: 700;
}
.pa-section .pa-container {
	display: flex;
	position: relative;
	gap: 20px;
	align-items: flex-start;
	justify-content: space-between;
}
.pa-section .pa-container > ul {
	display: flex;
	overflow: hidden;
	scroll-behavior: smooth;
	align-items: flex-start;
	gap: 35px;
	padding: 10px;
	flex-basis: 100%;
}
.pa-section .pa-scroll-button {
	cursor: pointer;
	margin-top: 75px;
}
.pa-section .pa-scroll-disabled {
	opacity: 0.3;
}
.pa-section .pa-filter {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	gap: 10px;
}
.pa-section .pa-filter > label {
	color: var(--pa-gray);
  min-width: 60px;
}
.pa-section .pa-filter .pa-tag-list {
	display: flex;
	gap: 5px;
	margin-top: auto;
	padding: 0;
	flex-wrap: wrap;
}
.pa-section .pa-filter .pa-tag {
	border: 1px solid var(--pa-tag-fg-color);
	border-radius: 30px;
	padding: 5px 15px;
	font-size: 12px;
	color: var(--pa-tag-fg-color);
	text-transform: capitalize;
	cursor: pointer;
	transition: 0.3s;
}
.pa-section .pa-filter .pa-tag.selected-filter {
	background-color: var(--pa-tag-selected-bg-color);
	color: var(--pa-tag-selected-fg-color);
	border-color: var(--pa-tag-selected-bg-color);
}
.pa-no-results {
	margin-top: 65px;
}
.pa-section .com-article-item .com-article-item-container {
	/* max-width: 235px; */
	min-width: 235px;
}

@media (max-width: 768px) {
	.pa-section h3 {
		text-align: center;
	}
	.pa-section .pa-scroll-button {
    position: absolute;
    display: flex;
    height: 35px;
    width: 35px;
    border-radius: 100%;
    background-color: var(--scrolling-button-color);
    z-index: 9;
    align-items: center;
    justify-content: center;
	}
	.pa-section .pa-item-container {
		width: 135px;
		height: 135px;
	}
	.pa-section .pa-filter > label {
		flex-basis: 100px;
	}
	.pa-section .pa-scroll-button:first-child {
		left: -7px;
	}
	.pa-section .pa-scroll-button:last-child {
		right: -7px;
	}
}