.category-box-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap:40px;
}

.category-box {
	max-width: 30%;
	padding-bottom: 15px;
    border-bottom: 1px solid #66666630;
}

.category-box:hover {
  border-radius: 0px;
  background: #ffffff;
  box-shadow: 5px 5px 30px #d9d9d9, -5px -5px 30px #ffffff;
  border-bottom: 1px solid #666666;
}

.category-box__body {
	padding: 5px;
}

.category-box__title {
	.font-family: 'PF BeauSans Pro';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	color: #262626;
}


@media (max-width: 840px) {
	.category-box-list {
		gap: 35px;
	}
}


@media (max-width: 768px) {
	.category-box {
		max-width: 47%;
	}
}

@media (max-width: 622px) {
	.category-box-list {
		gap: 30px;
	}
}

@media (max-width: 544px) {
	.category-box {
		min-width: 100%;
	}
}