/* استایل‌های مربوط به اسلاید */
.comments-chavosh .swiper-slide {
  transform: scale(0.8);
  transition: transform 0.6s ease;
  background-color: white;
  height: 200px;
  margin-top: 20px;
}

.comments-chavosh .swiper-slide-active {
  transform: scale(1.1);
  z-index: 10;
}

.comments-chavosh .swiper-slide-next, .swiper-slide-prev {
  transform: scale(0.9);
  opacity: 0.7;
}

 .swiper-pagination-bullet {
  border-radius: 1px;
}



.comments-chavosh .swiper-slide {
  transform: scale(0.8); /* به طور پیش‌فرض اسلایدها کوچک‌تر از اندازه اصلی نمایش داده شوند */
  transition: transform 0.6s ease; }

.comments-chavosh .swiper-pagination-bullet{
    border-radius: 1px !important;
}
.comments-chavosh .swiper-slide-active {
  transform: scale(1.15); }

.comments-chavosh .swiper-slide.swiper-slide-active {
    border-radius: 5px;
}

/* پس‌زمینه سفید برای هر اسلاید */
.comments-chavosh .swiper-slide {
  position: relative;
  background-color: white;
  height: 200px; /* ارتفاع کم برای پس‌زمینه */
  margin-top: 20px; /* فاصله بیشتر از اسلاید فعلی */
  transition: all 0.5s ease; /* تغییرات نرم برای تغییر اندازه */
}

/* برای زمانی که اسلاید در وسط نمایش داده می‌شود */
.comments-chavosh .swiper-slide-active {
  transform: scale(1.1); /* بزرگ شدن اسلاید فعال */
  z-index: 10; /* افزایش ترتیب لایه برای نمایش */
}

/* اسلایدهای بعدی که کمی کوچکتر نمایش داده می‌شوند */
.comments-chavosh .swiper-slide-next, .comments-chavosh .swiper-slide-prev {
  transform: scale(0.9); /* کوچک‌تر شدن اسلاید‌های بعدی */
  opacity: 0.7; /* کاهش شفافیت اسلاید‌های بعدی */
}


@media only screen and (max-width:768px){
/*.comments-chavosh .elementor-widget-n-carousel .e-n-carousel.offset-both {*/
/*        padding-inline-start: 30px !important;*/
/*        padding-inline-end: 30px !important;*/
/*    }*/
    .comments-chavosh .swiper-slide-next, .comments-chavosh .swiper-slide-prev {
  transform: scale(1); /* کوچک‌تر شدن اسلاید‌های بعدی */
     border-radius: 5px;
}
}