/* جهت کلی صفحه */
 body {
   direction: rtl;
   font-family: 'IRANSans', sans-serif;
 }

 /* ساختار کلی اسلایدر */
 .custom-slider {
   display: flex;
   flex-wrap: wrap;
   gap: 20px;
 }

 /* بخش اصلی اسلایدر (سمت راست در RTL) */
 .main-slide {
   position: relative;
   height: 400px;
   overflow: hidden;
   border-radius: 10px;
   flex: 2;
 }

 /* هر اسلاید اصلی */
 .slide-content {
   opacity: 0;
   visibility: hidden;
   transition: opacity 0.6s ease, visibility 0.6s ease;
   position: absolute;
   top: 0;
   right: 0;
   width: 100%;
   height: 400px;
   z-index: 1;
 }

 .slide-content.active {
   opacity: 1;
   visibility: visible;
   z-index: 2;
 }

 /* تصویر شاخص به‌صورت بک‌گراند */
 .main-image {
   position: relative;
   width: 100%;
   height: 400px;
   background-size: cover;
   background-position: center;
   border-radius: 10px;
 }

 /* افکت شفافیت پایین تصویر */
 .overlay {
   position: absolute;
   bottom: 0;
   width: 100%;
   height: 120px;
   background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
   border-radius: 0 0 10px 10px;
 }

 /* متن روی تصویر با افکت ورود */
 .text-content {
   position: absolute;
   bottom: 10px;
   color: #fff;
   width: 100%;
   text-align: right;
   transform: translateY(20px);
   opacity: 0;
   transition: all 0.6s ease;
	 background-color: rgba(72, 191, 157, 0.5);
	 padding:10px;
		 margin-bottom: 10px;
 }

 .slide-content.active .text-content {
   transform: translateY(0);
   opacity: 1;
 }

 /* لیست مطالب کناری (سمت چپ در RTL) */
 .side-slides {
   flex: 1;
   display: flex;
   flex-direction: column;
   gap: 15px;
 }

 /* آیتم‌های لیست */
 .side-slide {
   display: flex;
   align-items: center;
   gap: 10px;
   cursor: pointer;
   transition: background-color 0.3s ease, border-right 0.3s ease;
   text-align: right;
   padding: 10px;
   border-radius: 8px;
 }

 .side-slide:hover {
   background-color: #f0f0f0;
 }

 /* تصویر کوچک مطلب */
 .side-slide img {
   width: 60px;
   height: 60px;
   object-fit: cover;
   border-radius: 5px;
   margin-left: 10px;
   /* چون در RTL تصویر در سمت راست قرار می‌گیره */
 }

 /* عنوان مطلب */
 .side-slide h5 {
   margin: 0;
   font-size: 16px;
   color: #333;
 }

.side-slide h5 a {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* محدود به دو خط */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.7; /* افزایش فاصله بین خطوط */
}

 /* هایلایت آیتم فعال */
 .side-slide.active {
   background-color: #48bf9d;
   border-right: 10px solid #017969;
   border-bottom: 4px solid #017969;
	 border-radius: 20px;
 }

 .side-slide.active h5 {
   Color: #fff
 }

 .main-image-link {
   display: block;
   width: 100%;
   height: 100%;
   text-decoration: none;
   color: inherit;
 }
.text-content h2{
	font-size:1.2rem;
	line-height: 2rem;
}
	
}