[dir="rtl"] .slick-slider {
direction: rtl;
}
.item-slider {
width: 100%;
position: relative;
margin-bottom: 20px;
transition: height 0.3s ease; /* Smooth transition when height changes */
}
.item-slider .carousel-cell {
width: 100%;
height: auto;
}

.item-slider .carousel-cell img {
width: 100%;
height:auto;
object-fit: cover;
}

.slider-nav-thumbnails {
width: 100%;
}

.slider-nav-thumbnails .carousel-cell {
margin-right: 10px;
width: 90px;
}
.slider-nav-thumbnails .carousel-cell img {
width: 80px;
height: 80px;
object-fit: cover;
cursor: pointer;
}

.slider-nav-thumbnails .flickity-viewport{
padding-top: 10px;
min-height: 100px;
padding-bottom: 5px;
}

@media screen and (max-width: 1300px) {
.slider-nav-thumbnails .carousel-cell {
margin-right: 5px;
width: 25px;
}
.slider-nav-thumbnails .carousel-cell img {
width: 20px;
height: 20px;
margin: 0px 3px;
}

.slider-nav-thumbnails .flickity-viewport{
padding-top: 5px;
min-height: 35px;
padding-bottom: 3px;
}
}

.item-slider .carousel-cell img {
display: block;
max-width: 100%;
height: auto; /* Allow images to retain their original aspect ratio */
}

.slider-nav-thumbnails .is-selected img {
border: 2px solid #000; /* Highlight selected thumbnail */
}