.alm-categories-slide-wrapper {
    position: relative;
    padding: 2px;
}
.alm-categories-slide-wrapper svg{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	max-width: 60%;
	height: auto;
}
.alm-categories-slide-wrapper svg path{
	stroke-width: 2px;
	transition: all 0.8s;
}
.alm-categories-slide-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #B9B9B9, #fff);
    z-index: -1;
	border-radius: 8px;
	transition: stroke 0.8s;

}
.alm-categories-slide-wrapper:hover:before{
	background: linear-gradient(to bottom, #F5683C, #fff);
}
.swiper-slide a.alm-categories-slide{
	display: flex;
}
.alm-categories-slide,a.alm-categories-slide{
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	justify-content: center;
	transition: all 0.8s;
	background-color: #f6f6f6;
	border-radius: 8px;
}
.alm-categories-slide-wrapper:hover .alm-categories-slide,
.alm-categories-slide-wrapper:hover a.alm-categories-slide{
	background-color: var(--color-secondary200, #F9A48A);
}
.alm-category-image{
	text-align: center;
}
.alm-category-name{
	text-align: center;
}

.alm-categories-slide-wrapper:not(:hover) .alm-category-name{
	overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.alm-categories-slide-wrapper:hover svg path{
	transition: all 0.8s;
	fill: var(--color-secondary200, #F9A48A);
	stroke: #F5683C;
}
.alm-categories-slide-wrapper .alm-category-image{
	position: relative;
	padding: 8px 25%;
}
.alm-categories-slide-wrapper .alm-category-image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, rgba(245, 104, 60, 0.00) 42.5%, var(--color-secondary300, #F5683C) 100%);
    border-radius: 50%;
    opacity: 0;
	transition: all 0.8s;
}
.alm-categories-slide-wrapper:hover .alm-category-image:after{
	opacity: 0.4;
}

/*default styles*/
.alm-categories-slide {
    gap: 10px;
    padding: 22px 20px 22px 20px;
}
.alm-categories-slide .alm-category-name {
	color: var(--color-primary300, #373254);
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
	transition: all 0.8s;
}
.alm-categories-slide-wrapper:hover .alm-category-name{
	color: #FFF;
}