.category-slider .slick-list {
margin: 0 -15px;
padding: 10px 0 20px;
}
.category-slider .slick-slide {
margin: 0 13px;
} .category-slider.hide-slide-nav .slick-arrow {
display: none !important;
} .category-slider .slick-arrow {
position: absolute;
top: 50%;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: var(--background-color);
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 2px 15px rgba(64, 77, 103, 0.25);
z-index: 1;
}
.category-slider .slick-arrow:hover {
background-color: var(--brand-color);
color: var(--background-color);
}
.category-slider .slick-arrow.slick-prev {
inset-inline-start: 0;
transform: translate(-50%, -60%);
}
.category-slider .slick-arrow.slick-next {
inset-inline-end: 0;
transform: translate(50%, -60%);
}
.category-slider .slick-arrow svg {
width: 8px;
} @media screen and (min-width: 1024px) {  .category-slider .slick-arrow {
width: 36px;
height: 36px;
}
.category-slider .slick-arrow.slick-prev {
inset-inline-start: 16px;
}
.category-slider .slick-arrow.slick-next {
inset-inline-end: 16px;
} }
@media screen and (min-width: 1280px) {  .category-slider .slick-arrow {
width: 40px;
height: 40px;
}
.category-slider .slick-arrow.slick-prev {
inset-inline-start: 0;
}
.category-slider .slick-arrow.slick-next {
inset-inline-end: 0;
} }
@media screen and (min-width: 1440px) { .category-slider .slick-list {
margin: 0 -20px;
}
.category-slider .slick-slide {
margin: 0 20px;
} }     body.rtl .category-slider .slick-arrow.slick-prev {
transform: translate(50%, -50%) rotate(180deg);
}
body.rtl .category-slider .slick-arrow.slick-next {
transform: translate(-50%, -50%) rotate(180deg);
}