.categories-list-section {
	padding-top: 80px;
}

.categories-list-section .list-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
}

@media screen and (max-width: 767px) {
	.categories-list-section .list-wrapper {
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (max-width: 575px) {
	.categories-list-section .list-wrapper {
		grid-template-columns: 1fr;
	}
}


.categories-list-section .list-wrapper .list-item {
	display: block;
	min-height: 156px;
	height: 100%;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
}

.categories-list-section .list-wrapper .list-item .list-item-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
	transition: all .2s linear;
}

.categories-list-section .list-wrapper .list-item:hover .list-item-bg {
	transform: scale(1.02);
}

.categories-list-section .list-wrapper .list-item:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #0000004a;
	z-index: 1;
}

.categories-list-section .list-wrapper .list-item .item-content-wrapper {
	z-index: 2;
	position: relative;
	width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 20px;
}

.categories-list-section .list-wrapper .list-item .item-content-wrapper .item-title {
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
}

.categories-list-section .list-wrapper .list-item .decor {
	position: absolute;
    top: 0;
    right: 0;
	width: 50px;
	height: 100%;
	background-color: #000;
	z-index: 1;
}

.categories-list-section .list-wrapper .list-item .decor svg {
	position: absolute;
    top: 50%;
    left: 50%;
	width: 20px;
	height: 20px;
	object-fit: contain;
	transform: translate(-50%, -50%);
}

.categories-list-section .list-wrapper .list-item .decor svg path {
	fill: #fff;
}