.wrapperListSections {
	display: flex;
	margin: 25px 0;
}
.wrapperListSections .listSections {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	gap: 10px;
}
.wrapperListSections .itemSection a {
	display: block;
	text-align: center;
	background-color: var(--gray-color);
	padding: 12px 20px;
	line-height: 1;
	border-radius: var(--small-radius);
}
.wrapperPage_slider {
	display: none;
}
@media(max-width: 768px) {
	.wrapperPage_slider {
		display: block;
	}
	.sliderCardSection {
		margin-bottom: 0;
	}
	.wrapperListSections .itemSection a {
		padding: 10px;
		font-size: 12px;
	}
	.sliderCardSection .swiper-slide {
		display: flex;
		flex-direction: row;
		align-items: flex-start;
	}
	.sliderCardSection .listCardSection {
		height: 70px;
		margin: 10px 15px !important;
	}
	.sliderCardSection .listCardSection .swiper-slide {
		width: fit-content;
		height: 100px;
	}
	.sliderCardSection .listCardSection .sectionCard {
		position: relative;
		display: flex;
		width: 100%;
		height: fit-content;
		flex-direction: column;
		align-items: center;
		justify-self: center;
		row-gap: 10px;
		text-align: center;
		box-shadow: 0px 0px 10px rgb(42 42 42 / 10%);
		border-radius: 5px;
		padding: 10px 20px 20px;
	}
	.sliderCardSection .listCardSection .nameSection {
		font-size: 12px;
		text-align: center;
	}
	.sliderCardSection .listCardSection .countProduct {
		display: flex;
		width: 100%;
		justify-content: center;
		position: absolute;
		bottom: -10px;
		left: 0;
		opacity: 1;
	}
	.sliderCardSection .listCardSection .countProduct .countVal {
		opacity: 1;
		background: var(--blue-color);
		color: #fff;
		padding: 3px 10px;
		text-align: center;
		border-radius: 10px;
		font-size: 11px;
	}
}