/*!*Minimal Tondi Slider Styles*!*/

            /* Navigation Styles */
            .tondi-swiper-button-prev,
            .tondi-swiper-button-next {
                width: 50px;
                height: 50px;
                background: rgba(0, 0, 0, 0.5);
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                color: white;
                transition: all 0.3s ease;
                z-index: 10;
            }

            .tondi-swiper-button-prev:hover,
            .tondi-swiper-button-next:hover {
                background: rgba(0, 0, 0, 0.8);
            }

            .tondi-nav-icon {
                font-size: 20px;
                width: 20px;
                height: 20px;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            /* Ensure Font Awesome icons are visible */
            .tondi-nav-icon i,
            .tondi-nav-icon svg {
                width: 100% !important;
                height: 100% !important;
            }

            /* Fix for RTL (preventing Swiper default icons) */
            .tondi-swiper-button-prev:after,
            .tondi-swiper-button-next:after {
                display: none;
            }
            
            /* ================================================== */
            /* *** CSS حیاتی برای تصاویر ریسپانسیو و حذف استایل‌های پیش‌فرض ناخواسته *** */
            /* ================================================== */
            
            .swiper-slide {
                height: auto;
                overflow: hidden;
            }
            
            /* .slide-content - اطمینان از حذف استایل‌های پیش‌فرض ناخواسته و اعمال استایل‌های سفارشی */
            .swiper-slide .slide-content {
                width: 100%;
                height: 100%;
                position: relative;
                overflow: hidden; 
                border-radius: 0; /* استایل سفارشی شما */
                margin: 0; /* استایل سفارشی شما */
            }
            .swiper-slide .slide-image-wrapper,
            .swiper-slide .slide-image {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            
            /* استایل‌دهی پیش‌فرض برای عنوان (در صورت فعال بودن show_title_overlay) */
            .slide-title-overlay {
					background: none !important; /* شفافیت کامل */
					box-shadow: none !important; /* اگر سایه‌ای باعث دیده شدن رنگ می‌شود */
				}

            .slide-title-overlay h3 {
                margin: 0;
                color: inherit;
                font-size: 1.2em;
 }
.swiper-pagination{
   bottom: 10px !important;
    
}
.swiper-pagination-bullet {
    width: 4px;
    height: 4px;
    background: #0c0c0c;
    border-radius: 50%;
    transition: all 0.3s ease;

}

/* وقتی فعال است */
.swiper-pagination-bullet-active  {
    background-color: #fff;
    border-radius: 9999px;
    height: 6px;
    opacity: 1;
    transform: translateY(1px);
    width: 16px;
}

/* هاور کردن */
.swiper-pagination-bullet:hover {
    transform: scale(1.2);
}