.slider-container { position: relative; display: inline-block;     width: 100%;
    height: 100%;overflow: hidden; }
.main-slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease, transform-origin 0.3s ease;
    cursor: zoom-in;
}
.main-slider img.zoomed {
    transform: scale(2);
    cursor: zoom-out;
}
.thumb-slider img {  
     cursor: pointer;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;      
}
.thumb-slider .slick-current img {
    opacity: 1 !important;
    border: 2px solid var(--secondary-color);
}
.slick-slide { outline: none; }
.img-wrapper { width: 100%; height: 100%; overflow: hidden; position: relative; }
.img-wrapper img { 
    transition: transform 0.5s ease, transform-origin 0.5s ease;
    cursor: zoom-in;
}
.main-slider .slick-slide {
    animation: scrollAwayOpacity 1.5s cubic-bezier(0.25, 0.8, 0.25, 1) both;
}
img.zoomed {
    transform: scale(2) !important;
    cursor: zoom-out;
}
[dir='rtl'] .slick-next {
    right: auto;
    left: 0 !important; 
}
[dir='rtl'] .slick-prev {
    right: 0  !important;
    left: auto;
}
.slick-prev:before, .slick-next:before { 
    color: var(--primary-color); 
    opacity: 1;
}
@keyframes scrollAwayOpacity {
    0% {
        opacity: 0;
        transform: scale(1.4) translateY(30px);
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}