:root {
 --primary: #00703c;
 --primary-dark: #005a30;
 --primary-light: #e8f5f0;
 --secondary: #c29b40;
 --secondary-gold: #d4af37;
  /* --secondary-gold: #ab805e; */
 --secondary-light: #f5ebd8;
 --dark: #343a40;
 --light: #f8f9fa;
 --white: #ffffff;
 --gray: #6c757d;
 --border-radius: 0;
 --shadow: 0 5px 15px rgba(0,0,0,0.08);
 --transition: all 0.25s ease-in-out;
 --islamic-pattern: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2300703c' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

@font-face {
 font-family: 'vazir';
 src: url('/Assets/SiteTheme/font/vazirmatn/Vazirmatn-Regular.woff2') format('woff2');
 font-display: swap;
}

body,
html {
 margin: 0;
 padding: 0;
 font-family: Vazir, Arial, sans-serif;
 color: var(--dark);
 line-height: 1.6;
 background-color: #f5f7fa;
 width: 100%;
 overflow-x: hidden;
 background-image: var(--islamic-pattern);
 background-attachment: fixed;
}

/* کانتینر محتوا */
.content-container {
 width: 100%;
 max-width: 1400px;
 margin: 0 auto;
 padding: 0 30px;
}

/* هدر اصلی */
.header_wrapper {
 background-color: var(--white);
 box-shadow: 0 2px 15px rgba(0,0,0,0.1);
 position: sticky;
 top: 0;
 z-index: 1000;
 width: 100%;
 padding: 0;
 border-bottom: 3px solid var(--secondary-gold);
}

.header_container {
 width: 100%;
 margin: 0;
 padding: 0;
 background-color: var(--white);
 overflow: hidden;
}

/* نوار بالایی - ارتفاع کمتر */
.header_top-bar {
 background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%);
 color: var(--white);
 width: 100%;
 padding: 5px 0;
 position: relative;
 overflow: hidden;
}

/* الگوی اسلامی در پس زمینه نوار بالایی */
.header_top-bar::before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M10 0l10 10-10 10L0 10 10 0zm5.5 5.5l-5 5-5-5 5-5 5 5z'/%3E%3C/g%3E%3C/svg%3E");
 pointer-events: none;
}

/* تاریخ و زمان - افزایش فاصله */
.header_top-section {
 padding: 0 20px;
 position: relative;
 z-index: 2;
}

.header_info {
 margin-right: 15px;
}

.header_actions {
 margin-left: 15px;
}

/* آیکون ها */
.header_icon {
 color: var(--secondary-gold);
 margin-left: 8px;
 transition: transform 0.3s ease;
}

.header_nav-link:hover .header_nav-icon,
.header_date:hover .header_icon,
.header_time:hover .header_icon {
 transform: scale(1.2);
}

/* تاریخ و زمان */
.header_date, .header_time {
 font-size: 0.85rem;
 display: flex;
 align-items: center;
}

.header_date-text, .header_time-text {
 color: var(--light);
}

/* زبان */
.header_lang-item {
 color: var(--light);
 text-decoration: none;
 font-size: 0.85rem;
 transition: var(--transition);
 padding: 0 8px;
 position: relative;
}

.header_lang-item:hover, .header_lang-item.active {
 color: var(--secondary-gold);
 text-decoration: none;
}

.header_lang-item.active::after {
 content: '';
 position: absolute;
 bottom: -5px;
 right: 50%;
 transform: translateX(50%);
 width: 20px;
 height: 2px;
 background-color: var(--secondary-gold);
}

.header_lang-divider {
 color: rgba(255,255,255,0.3);
}

/* لوگو و شعار */
.header_brand-section {
 background-image: url('/Assets/SiteTheme/SiteTheme/img/5540822.jpg');
 background-size: cover;
 background-position: center;
 border-bottom: 1px solid #eaeaea;
 padding: 10px 0;
 position: relative;
 width: 100%;
}

/* لایه تیره روی تصویر پس زمینه - تیره‌تر شده */
.header_brand-section::before {
 content: '';
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 background-color: rgba(255, 255, 255, 0.75);
 z-index: 1;
}

/* الگوی اسلامی در پس زمینه لوگو */
.header_brand-section::after {
 content: '';
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%2300703c' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");
 z-index: 1;
 opacity: 0.7;
}

.header_brand-content {
 position: relative;
 z-index: 2;
}
.header_logo img {
  max-height: 150px; 
  transition: var(--transition);
  filter: drop-shadow(0 5px 10px rgba(0,0,0,0.1));
  width: auto; /* اطمینان از حفظ نسبت تصویر */
}

.header_logo:hover img {
 transform: translateY(-5px);
}

.header_title {
 color: var(--primary);
 font-size: 1.8rem;
 font-weight: 700;
 margin-bottom: 8px;
 text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
 position: relative;
 display: inline-block;
}

/* تزیین اسلامی برای عنوان */
.header_title::before,
.header_title::after {
 content: '❖';
 color: var(--secondary-gold);
 font-size: 1.2rem;
 position: relative;
 top: -3px;
 opacity: 0.8;
}

.header_title::before {
 margin-left: 15px;
}

.header_title::after {
 margin-right: 15px;
}

.header_subtitle {
 color: var(--secondary);
 font-size: 1rem;
 margin-bottom: 0;
 font-style: italic;
}

/* منو اصلی */
.header_navbar {
 background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
 padding: 0;
 width: 100%;
position: sticky;
 overflow: hidden;
}

/* الگوی اسلامی در پس زمینه منو */
.header_navbar::before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M20 0L0 20h10l10-10 10 10h10L20 0zm0 40l20-20H30l-10 10-10-10H0l20 20z'/%3E%3C/g%3E%3C/svg%3E");
 pointer-events: none;
}

.header_navbar-toggler {
 color: var(--white);
 border: 1px solid rgba(255,255,255,0.2);
 padding: 0.5rem 1rem;
 display: flex;
 align-items: center;
 margin: 10px;
 position: relative;
 z-index: 2;
}

.header_navbar-toggler i {
 margin-left: 8px;
}

/* منو سمت راست و دکمه جستجو سمت چپ */
.header_navbar-collapse {
 justify-content: space-between;
 position: relative;
 z-index: 2;
}

.header_nav {
 display: flex;
 justify-content: flex-start;
}

/* فرم جستجو در منو */
/* فرم جستجو در منو - بهبود یافته */
.header_navbar-search {
 position: relative;
 display: flex;
 align-items: center;
}

.header_navbar-search-btn {
 background-color: rgba(255,255,255,0.1);
 color: var(--white);
 border: none;
 width: 40px;
 height: 40px;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 transition: var(--transition);
 position: relative;
 z-index: 3;
 box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
}

.header_navbar-search-btn:hover {
 background-color: var(--secondary-gold);
 transform: scale(1.05);
}

.header_navbar-search-form {
 position: absolute;
 left: 0; /* شروع از خود دکمه */
 top: 50%;
 transform: translateY(-50%);
 display: flex;
 width: 40px; /* عرض اولیه برابر با عرض دکمه */
 height: 40px; /* ارتفاع اولیه برابر با ارتفاع دکمه */
 overflow: hidden;
 transition: all 0.3s ease;
 border-radius: 50px;
 opacity: 1;
 visibility: visible;
 background-color: rgba(255, 255, 255, 0.1); /* رنگ پس‌زمینه مانند دکمه */
}

.header_navbar-search-form.show {
 width: 300px;
 background-color: var(--secondary-gold);
 box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.header_navbar-search-input {
 border: none;
 padding: 0 1rem;
 font-size: 0.9rem;
 width: calc(100% - 40px); /* عرض منهای عرض دکمه */
 height: 100%;
 background-color: transparent;
 color: var(--white);
 opacity: 0;
 transition: opacity 0.3s ease 0.1s; /* تاخیر در ظاهر شدن */
}

.header_navbar-search-form.show .header_navbar-search-input {
 opacity: 1;
}

.header_navbar-search-input::placeholder {
 color: rgba(255, 255, 255, 0.8);
}

.header_navbar-search-input:focus {
 outline: none;
}

/* حذف دکمه ارسال جداگانه */
.header_navbar-search-submit {
 display: none;
}

/* نمایش آیکون جستجو در حالت فعال */
.header_navbar-search-icon {
 position: absolute;
 left: 0;
 top: 0;
 width: 40px;
 height: 40px;
 display: flex;
 align-items: center;
 justify-content: center;
 color: var(--white);
 background-color: transparent;
 border: none;
 cursor: pointer;
 transition: var(--transition);
}

.header_navbar-search-form.show .header_navbar-search-icon {
 background-color: rgba(0, 0, 0, 0.1);
}

/* تغییر آیکون در حالت فعال */
.header_navbar-search-icon i.fa-magnifying-glass {
 display: block;
}

.header_navbar-search-icon i.fa-xmark {
 display: none;
}

.header_navbar-search-form.show .header_navbar-search-icon i.fa-magnifying-glass {
 display: none;
}

.header_navbar-search-form.show .header_navbar-search-icon i.fa-xmark {
 display: block;
}

/* رسپانسیو */
@media (max-width: 991.98px) {
 .header_navbar-search {
 margin: 10px 0;
 }
 
 .header_navbar-search-form {
 position: relative;
 top: auto;
 transform: none;
 width: 100%;
 height: 40px;
 border-radius: 50px;
 background-color: rgba(255, 255, 255, 0.1);
 }
 
 .header_navbar-search-form.show {
 width: 100%;
 }
}

.header_nav-item {
 position: relative;
}

.header_nav-link {
 color: var(--white) !important;
 padding: 1.2rem 1.3rem !important;
 display: flex;
 align-items: center;
 transition: var(--transition);
 font-weight: 500;
}

.header_nav-icon {
 margin-left: 8px;
 font-size: 1rem;
 color: var(--secondary-gold);
}

.header_nav-link:hover, .header_nav-link.active {
 background-color: rgba(255,255,255,0.15);
 transform: translateY(-2px);
}

.header_nav-link.active::after {
 content: '';
 position: absolute;
 bottom: 0;
 right: 50%;
 transform: translateX(50%);
 width: 40%;
 height: 3px;
 background-color: var(--secondary-gold);
}

/* دراپ داون */
.header_dropdown {
 border: none;
 border-radius: 0 0 var(--border-radius) var(--border-radius);
 box-shadow: 0 10px 25px rgba(0,0,0,0.15);
 padding: 0.5rem 0;
 min-width: 220px;
 margin-top: 0;
 border-top: 3px solid var(--secondary-gold);
 animation: fadeIn 0.3s ease;
 background-color: rgba(255, 255, 255, 0.98);
}

@keyframes fadeIn {
 from { opacity: 0; transform: translateY(10px); }
 to { opacity: 1; transform: translateY(0); }
}

.header_dropdown-item {
 padding: 0.85rem 1.5rem;
 color: var(--dark);
 transition: var(--transition);
 position: relative;
 display: flex;
 align-items: center;
}

.header_dropdown-item::before {
 content: '◆';
 color: var(--primary);
 font-size: 0.7rem;
 margin-left: 8px;
 opacity: 0;
 transform: translateX(-10px);
 transition: var(--transition);
}

.header_dropdown-item:hover::before {
 opacity: 1;
 transform: translateX(0);
}

.header_dropdown-item:hover, .header_dropdown-item:focus {
 background-color: var(--primary-light);
 color: var(--primary);
 padding-right: 25px;
}

/* نوار پایین موبایل */
.bottom-nav {
 position: fixed;
 bottom: 0;
 left: 0;
 right: 0;
 background-color: var(--white);
 box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
 z-index: 999;
 padding: 10px 0;
 width: 100%;
 border-top: 2px solid var(--secondary-gold);
}

.bottom-nav a {
 display: flex;
 flex-direction: column;
 align-items: center;
 text-decoration: none;
 color: var(--gray);
 font-size: 0.75rem;
 transition: var(--transition);
}

.bottom-nav a.active {
 color: var(--primary);
}

.bottom-nav a svg {
 margin-bottom: 5px;
}

.bottom-nav a:hover {
 color: var(--primary);
 transform: translateY(-3px);
}

/* رسپانسیو */
@media (max-width: 991.98px) {
 .header_navbar-collapse {
 justify-content: flex-start;
 }
 
 .header_nav {
 justify-content: flex-start;
 }
 
 .header_navbar-search-form.show {
 position: relative;
 right: auto;
 top: auto;
 transform: none;
 width: 100%;
 margin: 10px 0;
 }
 
 .header_nav-link {
 padding: 0.85rem 1rem !important;
 border-bottom: 1px solid rgba(255,255,255,0.05);
 }
 
 .header_nav-link.active::after {
 width: 5px;
 height: 100%;
 right: 0;
 bottom: 0;
 transform: none;
 }
 
 .header_dropdown {
 background-color: rgba(0,0,0,0.1);
 border: none;
 box-shadow: none;
 animation: none;
 }
 
 .header_dropdown-item {
 color: var(--white);
 padding: 0.75rem 2rem;
 }
 
 .header_dropdown-item::before {
 color: var(--secondary-gold);
 }
 
 .header_dropdown-item:hover {
 background-color: rgba(255,255,255,0.1);
 color: var(--white);
 }
 
 .header_title::before,
 .header_title::after {
 display: none;
 }
}

@media (max-width: 767.98px) {
 .content-container {
 padding: 0 5px;
 }
 
 .header_top-section {
 flex-direction: column;
 padding: 0 10px;
 }
 
 .header_info, .header_actions {
 width: 100%;
 justify-content: center;
 margin-bottom: 8px;
 margin-right: 0;
 margin-left: 0;
 }
 
 .header_title {
 font-size: 1.3rem;
 }
 
 .header_subtitle {
 font-size: 0.9rem;
 }
 
 .header_logo img {
 max-height: 100px;
 }
 
 body {
 padding-bottom: 60px;
 }
}
/* اسلایدر */
/* اسلایدر مذهبی */
.slider_section {
 position: relative;
 /* margin-bottom: 3rem; */
}

/* استایل اصلی اسلایدر */
.slider_carousel {
 position: relative;
 overflow: hidden;
 border-radius: 0;
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.slider_item {
 height: 600px;
 overflow: hidden;
 position: relative;
}

.slider_img {
 object-fit: cover;
 height: 100%;
 width: 100%;
}

/* اورلی تیره روی تصاویر */
.slider_overlay {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.7) 100%);
 z-index: 1;
}

/* الگوی اسلامی روی اورلی */
.slider_overlay::after {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
 pointer-events: none;
 z-index: 1;
}

/* محتوای اسلایدر */
.slider_caption {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 display: flex;
 align-items: center;
 justify-content: center;
 text-align: center;
 padding: 0 15%;
 z-index: 2;
}

.slider_content {
 max-width: 800px;
 opacity: 0;
 transform: translateY(30px);
 animation: slider_fadeInUp 1s forwards;
 animation-delay: 0.3s;
}

@keyframes slider_fadeInUp {
 from {
 opacity: 0;
 transform: translateY(30px);
 }
 to {
 opacity: 1;
 transform: translateY(0);
 }
}

/* نشان ویژه */
.slider_badge {
 display: inline-block;
 background-color: var(--secondary-gold);
 color: var(--white);
 padding: 6px 15px;
 border-radius: 30px;
 font-size: 0.9rem;
 font-weight: 500;
 margin-bottom: 1.5rem;
 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
 position: relative;
 overflow: hidden;
}

.slider_badge::before {
 content: '';
 position: absolute;
 top: 0;
 left: -100%;
 width: 100%;
 height: 100%;
 background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
 animation: slider_shimmer 2s infinite;
}

@keyframes slider_shimmer {
 0% { left: -100%; }
 100% { left: 100%; }
}

/* عنوان اسلایدر */
.slider_title {
 color: var(--white);
 font-size: 2.5rem;
 font-weight: 700;
 margin-bottom: 1.5rem;
 text-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
 position: relative;
 display: inline-block;
}

.slider_title::after {
 content: '';
 position: absolute;
 bottom: -10px;
 right: 50%;
 transform: translateX(50%);
 width: 80px;
 height: 3px;
 background-color: var(--secondary-gold);
}

/* متن عربی */
.slider_arabic-text {
 font-family: 'Traditional Arabic', 'Scheherazade New', serif;
 font-size: 1.8rem;
}

/* توضیحات اسلایدر */
.slider_text {
 color: var(--light);
 font-size: 1.1rem;
 line-height: 1.8;
 margin-bottom: 2rem;
 max-width: 700px;
 margin-left: auto;
 margin-right: auto;
}

/* دکمه‌های اسلایدر */
.slider_buttons {
 display: flex;
 justify-content: center;
 gap: 15px;
 margin-top: 2rem;
}

.slider_btn-primary {
 background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
 border: none;
 padding: 12px 25px;
 border-radius: 30px;
 font-weight: 500;
 display: flex;
 align-items: center;
 gap: 8px;
 transition: all 0.3s ease;
 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

.slider_btn-primary:hover {
 transform: translateY(-3px);
 box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.slider_btn-outline {
 border: 2px solid rgba(255, 255, 255, 0.5);
 padding: 12px 25px;
 border-radius: 30px;
 font-weight: 500;
 display: flex;
 align-items: center;
 gap: 8px;
 transition: all 0.3s ease;
 background-color: rgba(255, 255, 255, 0.1);
}

.slider_btn-outline:hover {
 background-color: rgba(255, 255, 255, 0.2);
 border-color: var(--white);
 transform: translateY(-3px);
}

/* کنترل‌های اسلایدر */
.slider_controls {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 z-index: 3;
 pointer-events: none;
}

.slider_control {
 width: 60px;
 height: 60px;
 opacity: 1;
 pointer-events: auto;
}

.slider_control-icon {
 width: 50px;
 height: 50px;
 background-color: rgba(255, 255, 255, 0.1);
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 transition: all 0.3s ease;
 border: 1px solid rgba(255, 255, 255, 0.2);
}

.slider_control-icon i {
 color: var(--white);
 font-size: 1.2rem;
}

.slider_control:hover .slider_control-icon {
 background-color: var(--secondary-gold);
 transform: scale(1.1);
}

/* نشانگرهای اسلاید */
.slider_indicators {
 margin-bottom: 2rem;
 gap: 10px;
}

.slider_indicator-btn {
 width: 12px;
 height: 12px;
 border-radius: 50%;
 background-color: rgba(255, 255, 255, 0.5);
 border: 2px solid rgba(255, 255, 255, 0.3);
 margin: 0 5px;
 opacity: 1;
 transition: all 0.3s ease;
}

.slider_indicator-btn.active {
 background-color: var(--secondary-gold);
 width: 30px;
 border-radius: 10px;
}

/* انیمیشن اسلایدها */
.slider_item {
 transition: transform 1.2s ease-in-out;
}

.slider_item.active h2 {
 animation: slider_fadeInDown 1s forwards;
 animation-delay: 0.3s;
}

.slider_item.active p {
 animation: slider_fadeInUp 1s forwards;
 animation-delay: 0.6s;
}

.slider_item.active .slider_buttons {
 animation: slider_fadeIn 1s forwards;
 animation-delay: 0.9s;
}

@keyframes slider_fadeInDown {
 from {
 opacity: 0;
 transform: translateY(-30px);
 }
 to {
 opacity: 1;
 transform: translateY(0);
 }
}

@keyframes slider_fadeIn {
 from {
 opacity: 0;
 }
 to {
 opacity: 1;
 }
}

/* رسپانسیو */
@media (max-width: 991.98px) {
 .slider_item {
 height: 500px;
 }
 
 .slider_caption {
 padding: 0 10%;
 }
 
 .slider_title {
 font-size: 2rem;
 }
 
 .slider_text {
 font-size: 1rem;
 }
}

@media (max-width: 767.98px) {
 .slider_item {
 height: 450px;
 }
 
 .slider_caption {
 padding: 0 5%;
 }
 
 .slider_title {
 font-size: 1.5rem;
 }
 
 .slider_text {
 font-size: 0.9rem;
 margin-bottom: 1.5rem;
 }
 
 .slider_buttons {
 flex-direction: column;
 gap: 10px;
 }
 
 .slider_btn-primary, .slider_btn-outline {
 width: 100%;
 justify-content: center;
 }
 
 .slider_control-icon {
 width: 40px;
 height: 40px;
 }
}
/* اخبار */
/* بخش اخبار */
.news_section {
 position: relative;
 padding: 0 0 40px;
}

/* هدر بخش اخبار */
.news_header {
 background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%);
 padding: 12px 0;
 margin-bottom: 25px;
 position: relative;
 overflow: hidden;
     border-top: 3px solid var(--secondary-gold);

}

/* الگوی اسلامی در پس زمینه هدر */
.news_header::before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M10 0l10 10-10 10L0 10 10 0zm5.5 5.5l-5 5-5-5 5-5 5 5z'/%3E%3C/g%3E%3C/svg%3E");
 pointer-events: none;
}

.news_header-content {
 display: flex;
 justify-content: space-between;
 align-items: center;
 position: relative;
 z-index: 2;
}

.news_title-wrapper {
 display: flex;
 align-items: center;
}

.news_title-icon {
 margin-left: 10px;
 color: var(--secondary-gold);
 font-size: 1.2rem;
}

.news_title {
 color: var(--white);
 font-size: 1.2rem;
 font-weight: 600;
 margin: 0;
}

.news_archive-link {
 display: flex;
 align-items: center;
 color: var(--white);
 text-decoration: none;
 font-size: 0.85rem;
 transition: all 0.3s ease;
}

.news_archive-link:hover {
 color: var(--secondary-gold);
}

.news_archive-icon {
 margin-right: 6px;
 transition: transform 0.3s ease;
}

.news_archive-link:hover .news_archive-icon {
 transform: translateX(-3px);
}

/* منوی دسته بندی اخبار */
.news_categories {
 background-color: #fff;
 border-radius: 8px;
 box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
 overflow: hidden;
 margin-bottom: 1.5rem;
}

.news_categories-list {
 list-style: none;
 padding: 0;
 margin: 0;
}

.news_category-item {
 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.news_category-item:last-child {
 border-bottom: none;
}

.news_category-link {
 display: flex;
 align-items: center;
 padding: 12px 15px;
 color: var(--dark);
 text-decoration: none;
 transition: all 0.3s ease;
 position: relative;
}

.news_category-link::before {
 content: '';
 position: absolute;
 top: 0;
 right: 0;
 height: 100%;
 width: 0;
 background-color: var(--primary);
 transition: width 0.3s ease;
}

.news_category-link:hover,
.news_category-link.active {
 background-color: var(--primary-light);
 color: var(--primary);
 padding-right: 20px;
}

.news_category-link.active::before {
 width: 4px;
}

.news_category-icon {
 width: 30px;
 height: 30px;
 min-width: 30px;
 display: flex;
 align-items: center;
 justify-content: center;
 margin-left: 10px;
 border-radius: 50%;
 background-color: rgba(0, 0, 0, 0.03);
 padding: 5px;
 position: relative;
 z-index: 1;
}

.news_category-icon img {
 width: 100%;
 height: 100%;
 object-fit: contain;
}

.news_category-text {
 font-size: 0.9rem;
 font-weight: 500;
 position: relative;
 z-index: 1;
}

/* کارت‌های خبر */
.news_grid {
 margin-bottom: 1.5rem;
}

.news_card {
 background-color: #fff;
 border-radius: 8px;
 overflow: hidden;
 box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
 transition: all 0.3s ease;
 height: 100%;
}

.news_card:hover {
 transform: translateY(-3px);
 box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}

.news_card-link {
 text-decoration: none;
 color: var(--dark);
 display: block;
 height: 100%;
}

.news_card-img-wrapper {
 position: relative;
 overflow: hidden;
 height: 140px;
}

.news_card-img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 transition: transform 0.5s ease;
}

.news_card:hover .news_card-img {
 transform: scale(1.05);
}

.news_card-overlay {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%);
}

.news_card-date {
 position: absolute;
 top: 10px;
 right: 10px;
 background-color: rgba(0, 0, 0, 0.6);
 color: white;
 border-radius: 5px;
 padding: 3px 8px;
 display: flex;
 flex-direction: column;
 align-items: center;
 z-index: 2;
 font-size: 0.7rem;
 line-height: 1.2;
}

.news_card-day {
 font-weight: 700;
 font-size: 0.9rem;
}

.news_card-body {
 padding: 12px;
 position: relative;
}

.news_card-badge {
 display: inline-block;
 background-color: var(--primary-light);
 color: var(--primary);
 padding: 3px 8px;
 border-radius: 20px;
 font-size: 0.7rem;
 font-weight: 500;
 margin-bottom: 8px;
 transition: all 0.3s ease;
}

.news_card-badge i {
 margin-left: 3px;
 font-size: 0.65rem;
}

.news_card:hover .news_card-badge {
 background-color: var(--primary);
 color: var(--white);
}

.news_card-title {
 font-size: 0.9rem;
 font-weight: 700;
 margin-bottom: 8px;
 line-height: 1.5;
 color: var(--dark);
 transition: color 0.3s ease;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 overflow: hidden;
 text-overflow: ellipsis;
 height: 2.7em;
}

.news_card:hover .news_card-title {
 color: var(--primary);
}

.news_card-footer {
 display: flex;
 justify-content: flex-end;
 align-items: center;
 padding-top: 8px;
 border-top: 1px solid rgba(0, 0, 0, 0.05);

}

.news_card-more {
 font-size: 0.75rem;
 font-weight: 500;
 color: var(--primary);
 display: flex;
 align-items: center;
 transition: all 0.3s ease;
}

.news_card-more i {
 margin-right: 5px;
 transition: transform 0.3s ease;
}

.news_card:hover .news_card-more i {
 transform: translateX(-3px);
}

/* دکمه مشاهده بیشتر */
.news_more-wrapper {
 display: flex;
 justify-content: center;
 margin-top: 1.5rem;
}

.news_more-btn {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 8px;
 background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
 color: var(--white);
 padding: 8px 20px;
 border-radius: 30px;
 text-decoration: none;
 font-size: 0.9rem;
 font-weight: 500;
 transition: all 0.3s ease;
 box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.news_more-btn i {
 transition: transform 0.3s ease;
}

.news_more-btn:hover {
 transform: translateY(-3px);
 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
 color: var(--white);
}

.news_more-btn:hover i {
 transform: translateY(3px);
}

/* رسپانسیو */
@media (max-width: 991.98px) {
 .news_card-img-wrapper {
 height: 130px;
 }
}

@media (max-width: 767.98px) {
 .news_header-content {
 flex-direction: column;
 align-items: flex-start;
 }
 
 .news_archive-link {
 margin-top: 5px;
 }
 
 .news_card-title {
 font-size: 0.85rem;
 }
}

@media (max-width: 575.98px) {
 .news_title {
 font-size: 1.1rem;
 }
}
/* ودیو */
/* بخش ویدیو - video */
.video_section {
 padding: 0 0 50px;
 background-color: #f9f7f2;
 position: relative;
}

/* هدر بخش ویدیو - مشابه تاپ بار */
.video_header {
 background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%);
 color: var(--white);
 padding: 12px 0;
 margin-bottom: 25px;
 position: relative;
 overflow: hidden;
      border-top: 3px solid var(--secondary-gold);
}

/* الگوی اسلامی در پس زمینه هدر */
.video_header::before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M10 0l10 10-10 10L0 10 10 0zm5.5 5.5l-5 5-5-5 5-5 5 5z'/%3E%3C/g%3E%3C/svg%3E");
 pointer-events: none;
}

.video_header-content {
 display: flex;
 justify-content: space-between;
 align-items: center;
 position: relative;
 z-index: 1;
}

.video_title-wrapper {
 display: flex;
 align-items: center;
}

.video_title-icon {
 margin-left: 10px;
 color: var(--secondary-gold);
 font-size: 1.2rem;
}

.video_title {
 color: var(--white);
 font-size: 1.2rem;
 font-weight: 600;
 margin: 0;
}

.video_archive-link {
 display: flex;
 align-items: center;
 color: var(--white);
 text-decoration: none;
 font-size: 0.85rem;
 transition: all 0.3s ease;
}

.video_archive-link:hover {
 color: var(--secondary-gold);
}

.video_archive-icon {
 margin-right: 6px;
 transition: transform 0.3s ease;
}

.video_archive-link:hover .video_archive-icon {
 transform: translateX(-3px);
}

/* محتوای اصلی */
.video_content {
 margin-bottom: 30px;
}

/* ویدیوی بزرگ */
.video_main-item {
 border-radius: 8px;
 overflow: hidden;
 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
 background-color: white;
 height: 100%;
 position: relative;
}

.video_main-link {
 text-decoration: none;
 color: inherit;
 display: block;
}

.video_thumbnail-container {
 position: relative;
 overflow: hidden;
 height: 0;
 padding-bottom: 62.5%; /* نسبت 16:10 */
}

.video_thumbnail {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
 transition: transform 0.5s ease;
}

.video_main-link:hover .video_thumbnail {
 transform: scale(1.05);
}

/* اورلی تیره روی تصویر */
.video_overlay {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background: rgba(0,0,0,0.2);
 z-index: 1;
 transition: background 0.3s ease;
}

.video_main-link:hover .video_overlay {
 background: rgba(0,0,0,0.5);
}

/* دکمه پخش ویدیوی بزرگ */
.video_play-btn {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 70px;
 height: 70px;
 background-color: rgba(255, 255, 255, 0.2);
 border: 3px solid rgba(255, 255, 255, 0.8);
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 z-index: 2;
 transition: all 0.3s ease;
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.video_main-link:hover .video_play-btn {
 background-color: var(--secondary-gold);
 border-color: var(--secondary-gold);
 transform: translate(-50%, -50%) scale(1.1);
}

.video_play-icon {
 color: white;
 font-size: 1.8rem;
 margin-left: 5px; /* تنظیم برای آیکون پخش */
}

/* اطلاعات ویدیوی بزرگ روی تصویر - فقط در هاور نمایش داده می‌شود */
.video_info-overlay {
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 padding: 20px;
 background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3) 80%, rgba(0,0,0,0) 100%);
 z-index: 2;
 opacity: 0;
 transform: translateY(20px);
 transition: all 0.3s ease;
}

.video_main-link:hover .video_info-overlay {
 opacity: 1;
 transform: translateY(0);
}

.video_title-main {
 color: white;
 font-size: 1.1rem;
 font-weight: 600;
 margin: 0;
 line-height: 1.6;
 text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}

/* گرید ویدیوهای کوچک */
.video_grid {
 height: 100%;
}

.video_grid-col {
 display: flex;
 flex-direction: column;
}

/* ویدیوهای کوچک */
.video_small-col {
 margin-bottom: 0;
}

.video_small-item {
 border-radius: 8px;
 overflow: hidden;
 box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
 background-color: white;
 position: relative;
 height: 100%;
 transition: all 0.3s ease;
}

.video_small-item:hover {
 transform: translateY(-3px);
 box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}

.video_small-link {
 text-decoration: none;
 color: inherit;
 display: block;
 height: 100%;
}

.video_small-thumbnail-container {
 position: relative;
 overflow: hidden;
 height: 0;
 padding-bottom: 62.5%; /* نسبت 16:10 */
}

.video_small-thumbnail {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
 transition: transform 0.5s ease;
}

.video_small-link:hover .video_small-thumbnail {
 transform: scale(1.05);
}

/* اورلی ویدیوهای کوچک */
.video_small-overlay {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background: rgba(0,0,0,0.2);
 z-index: 1;
 transition: background 0.3s ease;
}

.video_small-link:hover .video_small-overlay {
 background: rgba(0,0,0,0.5);
}

/* دکمه پخش ویدیوهای کوچک */
.video_small-play-btn {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 40px;
 height: 40px;
 background-color: rgba(255, 255, 255, 0.2);
 border: 2px solid rgba(255, 255, 255, 0.8);
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 z-index: 2;
 transition: all 0.3s ease;
 box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

.video_small-link:hover .video_small-play-btn {
 background-color: var(--secondary-gold);
 border-color: var(--secondary-gold);
 transform: translate(-50%, -50%) scale(1.1);
}

.video_small-play-icon {
 color: white;
 font-size: 1.1rem;
 margin-left: 3px; /* تنظیم برای آیکون پخش */
}

/* اطلاعات ویدیوهای کوچک - فقط در هاور نمایش داده می‌شود */
.video_small-info {
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 padding: 15px;
 background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3) 80%, rgba(0,0,0,0) 100%);
 z-index: 2;
 opacity: 0;
 transform: translateY(20px);
 transition: all 0.3s ease;
}

.video_small-link:hover .video_small-info {
 opacity: 1;
 transform: translateY(0);
}

.video_small-title {
 color: white;
 font-size: 0.9rem;
 font-weight: 600;
 margin: 0;
 line-height: 1.5;
 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
}

/* رسپانسیو */
@media (max-width: 991.98px) {
 .video_main-col {
 margin-bottom: 20px;
 }
 
 .video_title-main {
 font-size: 1rem;
 }
 
 .video_play-btn {
 width: 60px;
 height: 60px;
 }
 
 .video_play-icon {
 font-size: 1.5rem;
 }
 
 .video_small-title {
 font-size: 0.85rem;
 }
}

@media (max-width: 767.98px) {
 .video_header-content {
 flex-direction: column;
 align-items: flex-start;
 }
 
 .video_archive-link {
 margin-top: 5px;
 }
 
 .video_play-btn {
 width: 50px;
 height: 50px;
 }
 
 .video_play-icon {
 font-size: 1.3rem;
 }
 
 /* در موبایل عنوان‌ها همیشه نمایش داده شوند */
 .video_info-overlay,
 .video_small-info {
 opacity: 1;
 transform: translateY(0);
 }
}

@media (max-width: 575.98px) {
 .video_title {
 font-size: 1.1rem;
 }
 
 .video_small-play-btn {
 width: 35px;
 height: 35px;
 }
 
 .video_small-play-icon {
 font-size: 1rem;
 }
 
 .video_small-info {
 padding: 10px;
 }
 
 .video_small-title {
 font-size: 0.8rem;
 }
}
/* گالری */
/* بخش گالری عکس */
.gallery_section {
 padding: 0 0 50px;
 background-color: #f9f9f9;
 position: relative;
}

/* هدر بخش گالری - مشابه تاپ بار */
.gallery_header {
 background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%);
 color: var(--white);
 padding: 12px 0;
 margin-bottom: 25px;
 position: relative;
 overflow: hidden;
      border-top: 3px solid var(--secondary-gold);
}

/* الگوی اسلامی در پس زمینه هدر */
.gallery_header::before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M10 0l10 10-10 10L0 10 10 0zm5.5 5.5l-5 5-5-5 5-5 5 5z'/%3E%3C/g%3E%3C/svg%3E");
 pointer-events: none;
}

.gallery_header-content {
 display: flex;
 justify-content: space-between;
 align-items: center;
 position: relative;
 z-index: 1;
}

.gallery_title-wrapper {
 display: flex;
 align-items: center;
}

.gallery_title-icon {
 margin-left: 10px;
 color: var(--secondary-gold);
 font-size: 1.2rem;
}

.gallery_title {
 color: var(--white);
 font-size: 1.2rem;
 font-weight: 600;
 margin: 0;
}

.gallery_archive-link {
 display: flex;
 align-items: center;
 color: var(--white);
 text-decoration: none;
 font-size: 0.85rem;
 transition: all 0.3s ease;
}

.gallery_archive-link:hover {
 color: var(--secondary-gold);
}

.gallery_archive-icon {
 margin-right: 6px;
 transition: transform 0.3s ease;
}

.gallery_archive-link:hover .gallery_archive-icon {
 transform: translateX(-3px);
}

/* فیلتر گالری */
.gallery_filter {
 margin-bottom: 25px;
 display: flex;
 justify-content: center;
}

.gallery_filter-list {
 list-style: none;
 padding: 0;
 margin: 0;
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
}

.gallery_filter-item {
 margin: 0 5px 10px;
}

.gallery_filter-btn {
 background-color: white;
 border: 1px solid #e0e0e0;
 color: var(--dark);
 padding: 8px 16px;
 border-radius: 30px;
 font-size: 0.9rem;
 font-weight: 500;
 cursor: pointer;
 transition: all 0.3s ease;
}

.gallery_filter-btn:hover,
.gallery_filter-btn.active {
 background-color: var(--primary);
 color: white;
 border-color: var(--primary);
 box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

/* گرید گالری */
.gallery_grid {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 grid-gap: 15px;
 margin-bottom: 30px;
}

/* آیتم گالری */
.gallery_item {
 position: relative;
 border-radius: 8px;
 overflow: hidden;
 box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
 transition: all 0.3s ease;
 cursor: pointer;
}

.gallery_item:hover {
 transform: translateY(-5px);
 box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.gallery_item-link {
 text-decoration: none;
 color: inherit;
 display: block;
}

/* تصویر بندانگشتی */
.gallery_item-thumbnail {
 position: relative;
 overflow: hidden;
 height: 0;
 padding-bottom: 75%; /* نسبت 4:3 */
}

.gallery_item-img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
 transition: transform 0.5s ease;
}

.gallery_item:hover .gallery_item-img {
 transform: scale(1.1);
}

/* اورلی تصویر */
.gallery_item-overlay {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background: rgba(0, 0, 0, 0.7);
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 opacity: 0;
 transition: opacity 0.3s ease;
 padding: 15px;
}

.gallery_item:hover .gallery_item-overlay {
 opacity: 1;
}

/* آیکون بزرگنمایی */
.gallery_item-icon {
 width: 50px;
 height: 50px;
 border-radius: 50%;
 background-color: rgba(255, 255, 255, 0.2);
 border: 2px solid white;
 display: flex;
 align-items: center;
 justify-content: center;
 color: white;
 font-size: 1.2rem;
 margin-bottom: 15px;
 transform: scale(0.8);
 opacity: 0;
 transition: all 0.3s ease 0.1s;
}

.gallery_item:hover .gallery_item-icon {
 transform: scale(1);
 opacity: 1;
}

/* اطلاعات تصویر */
.gallery_item-info {
 text-align: center;
 transform: translateY(20px);
 opacity: 0;
 transition: all 0.3s ease 0.2s;
}

.gallery_item:hover .gallery_item-info {
 transform: translateY(0);
 opacity: 1;
}

.gallery_item-title {
 color: white;
 font-size: 0.95rem;
 font-weight: 600;
 margin: 0 0 5px;
 line-height: 1.4;
}

.gallery_item-category {
 color: var(--secondary-gold);
 font-size: 0.8rem;
}

/* دکمه مشاهده بیشتر */
.gallery_more-wrapper {
 text-align: center;
 margin-top: 30px;
}

.gallery_more-btn {
 display: inline-flex;
 align-items: center;
 color: var(--primary);
 background-color: white;
 text-decoration: none;
 font-size: 0.9rem;
 font-weight: 500;
 padding: 10px 25px;
 border-radius: 30px;
 box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
 transition: all 0.3s ease;
}

.gallery_more-btn:hover {
 background-color: var(--primary);
 color: white;
 transform: translateY(-3px);
 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.gallery_more-btn i {
 margin-right: 8px;
 transition: transform 0.3s ease;
}

.gallery_more-btn:hover i {
 transform: translateX(-3px);
}

/* رسپانسیو */
@media (max-width: 1199.98px) {
 .gallery_grid {
 grid-template-columns: repeat(3, 1fr);
 }
}

@media (max-width: 991.98px) {
 .gallery_grid {
 grid-template-columns: repeat(2, 1fr);
 }
}

@media (max-width: 767.98px) {
 .gallery_header-content {
 flex-direction: column;
 align-items: flex-start;
 }
 
 .gallery_archive-link {
 margin-top: 5px;
 }
 
 .gallery_filter-btn {
 padding: 6px 12px;
 font-size: 0.85rem;
 }
}

@media (max-width: 575.98px) {
 .gallery_grid {
 grid-template-columns: 1fr;
 }
 
 .gallery_item-icon {
 width: 40px;
 height: 40px;
 font-size: 1rem;
 }
 
 .gallery_item-title {
 font-size: 0.9rem;
 }
}
/* فوتر */
/* فوتر سایت */
.footer {
 background-color: #0d3320; /* رنگ سبز تیره مذهبی */
 color: #e0e0e0;
 position: relative;
 overflow: hidden;
 padding: 40px 0 20px;
 border-top: 3px solid var(--secondary-gold);
}

/* پترن اسلامی در پس زمینه فوتر */
.footer::before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M30 30L30 0L0 0L0 30L30 30M30 30L60 30L60 0L30 0L30 30M30 30L30 60L60 60L60 30L30 30M30 30L0 30L0 60L30 60L30 30'/%3E%3C/g%3E%3C/svg%3E");
 pointer-events: none;
}

/* بخش اصلی فوتر */
.footer_main {
 position: relative;
 z-index: 2;
 padding-bottom: 20px;
}

/* بخش لوگو و توضیحات */
.footer_logo {
 margin-bottom: 15px;
}

.footer_logo-img {
 max-height: 60px;
 width: auto;
}

.footer_about-text {
 font-size: 0.85rem;
 line-height: 1.8;
 color: rgba(255, 255, 255, 0.7);
 margin-bottom: 15px;
}

/* دکمه مشارکت */
.footer_donation {
 margin-top: 20px;
}

.footer_donation-link {
 display: inline-flex;
 align-items: center;
 background: linear-gradient(45deg, #c29b40, #e5c675);
 color: #0d3320;
 text-decoration: none;
 padding: 8px 15px;
 border-radius: 30px;
 font-size: 0.9rem;
 font-weight: 500;
 transition: all 0.3s ease;
}

.footer_donation-link i {
 margin-left: 8px;
 font-size: 1.1rem;
}

.footer_donation-link:hover {
 transform: translateY(-3px);
 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
 color: #0a2718;
}

/* عناوین بخش‌های فوتر */
.footer_title {
 color: #fff;
 font-size: 1.1rem;
 font-weight: 600;
 margin-bottom: 15px;
 position: relative;
 padding-bottom: 10px;
}

.footer_title::after {
 content: '';
 position: absolute;
 bottom: 0;
 right: 0;
 width: 40px;
 height: 2px;
 background-color: #c29b40; /* رنگ طلایی */
}

/* لینک‌های فوتر */
.footer_links-list {
 list-style: none;
 padding: 0;
 margin: 0;
}

.footer_links-item {
 margin-bottom: 8px;
}

.footer_links-link {
 color: rgba(255, 255, 255, 0.7);
 font-size: 0.85rem;
 text-decoration: none;
 transition: all 0.3s ease;
 display: flex;
 align-items: center;
}

.footer_links-link i {
 margin-left: 6px;
 font-size: 0.7rem;
 transition: transform 0.3s ease;
}

.footer_links-link:hover {
 color: #c29b40; /* رنگ طلایی */
}

.footer_links-link:hover i {
 transform: translateX(-3px);
}

/* اطلاعات تماس */
.footer_contact-list {
 list-style: none;
 padding: 0;
 margin: 0;
}

.footer_contact-item {
 display: flex;
 margin-bottom: 12px;
 font-size: 0.85rem;
 color: rgba(255, 255, 255, 0.7);
}

.footer_contact-icon {
 color: #c29b40; /* رنگ طلایی */
 margin-left: 10px;
 min-width: 16px;
}

/* شبکه‌های اجتماعی */
.footer_social {
 display: flex;
 align-items: center;
 gap: 10px;
 margin-top: 15px;
}

.footer_social-link {
 width: 36px;
 height: 36px;
 border-radius: 50%;
 background-color: rgba(255, 255, 255, 0.1);
 display: flex;
 align-items: center;
 justify-content: center;
 color: #fff;
 font-size: 1rem;
 transition: all 0.3s ease;
}

.footer_social-link:hover {
 background-color: #c29b40; /* رنگ طلایی */
 color: #0d3320;
 transform: translateY(-3px);
}

/* خط جداکننده با نقش اسلامی */
.footer_divider {
 position: relative;
 height: 20px;
 margin: 10px 0;
}

.footer_divider-pattern {
 position: absolute;
 top: 50%;
 left: 0;
 right: 0;
 height: 1px;
 background-color: rgba(255, 255, 255, 0.1);
 overflow: hidden;
}

.footer_divider-pattern::before {
 content: '';
 position: absolute;
 top: -5px;
 left: 0;
 right: 0;
 height: 10px;
 background-image: url("data:image/svg+xml,%3Csvg width='20' height='10' viewBox='0 0 20 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0l10 10H0z' fill='%23c29b40' fill-opacity='0.3'/%3E%3C/svg%3E");
 background-repeat: repeat-x;
 background-position: center;
}

/* بخش کپی‌رایت */
.footer_copyright {
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding-top: 15px;
 position: relative;
 z-index: 2;
 flex-wrap: wrap;
}

.footer_copyright-text {
 font-size: 0.8rem;
 color: rgba(255, 255, 255, 0.6);
 margin: 0;
}

/* آیه قرآنی */
.footer_quran {
 text-align: left;
}

.footer_quran-text {
 font-family: 'traditional-arabic', 'Scheherazade', serif;
 font-size: 1rem;
 color: #c29b40; /* رنگ طلایی */
}

/* رسپانسیو */
@media (max-width: 991.98px) {
 .footer {
 padding: 30px 0 15px;
 }
 
 .footer_title {
 font-size: 1rem;
 margin-bottom: 12px;
 }
 
 .footer_logo-img {
 max-height: 50px;
 }
}

@media (max-width: 767.98px) {
 .footer_copyright {
 flex-direction: column;
 text-align: center;
 gap: 15px;
 }
 
 .footer_quran {
 text-align: center;
 }
}

@media (max-width: 575.98px) {
 .footer {
 padding: 25px 0 15px;
 }
 
 .footer_about {
 text-align: center;
 }
 
 .footer_donation {
 text-align: center;
 }
 
 .footer_social {
 justify-content: center;
 }
 
 .footer_title::after {
 right: 50%;
 transform: translateX(50%);
 }
 
 .footer_title {
 text-align: center;
 }
 
 .footer_links-link {
 justify-content: center;
 }
 
 .footer_contact-item {
 justify-content: center;
 }
}


/* استایل مودال */
/* استایل‌های مودال راهنمای خیرین */
.donors_modal-content {
 border: none;
 border-radius: 10px;
 overflow: hidden;
 background-color: var(--white);
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.donors_modal-header {
 background-color: var(--primary);
 color: var(--white);
 border-bottom: none;
 padding: 1.25rem 1.5rem;
 position: relative;
}

.donors_modal-header::after {
 content: '';
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 10px;
 background-image: url("data:image/svg+xml,%3Csvg width='40' height='10' viewBox='0 0 40 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 L10 0 L20 10 L30 0 L40 10 Z' fill='%23ffffff'/%3E%3C/svg%3E");
 background-repeat: repeat-x;
 background-size: 40px 10px;
}

.donors_modal-title-wrapper {
 display: flex;
 align-items: center;
}

.donors_modal-icon {
 width: 40px;
 height: 40px;
 border-radius: 50%;
 background-color: var(--secondary-gold);
 display: flex;
 align-items: center;
 justify-content: center;
 margin-left: 0.75rem;
 font-size: 1.25rem;
 color: var(--white);
 box-shadow: 0 0 10px rgba(194, 155, 64, 0.5);
}

.donors_modal-title {
 font-size: 1.25rem;
 font-weight: 700;
 margin-bottom: 0;
}

.donors_modal-close {
 background-color: rgba(255, 255, 255, 0.2);
 border-radius: 50%;
 padding: 0.5rem;
 opacity: 1;
 transition: var(--transition);
}

.donors_modal-close:hover {
 background-color: rgba(255, 255, 255, 0.3);
 opacity: 1;
}

.donors_modal-body {
 padding: 1.5rem;
 background-color: var(--white);
 background-image: var(--islamic-pattern);
 background-attachment: fixed;
}

/* نقل قول قرآنی */
.donors_modal-quote {
    background-color: var(--primary-light);
    border-radius: 10px;
    padding: 1.5rem;
    margin-bottom: 2rem;
    position: relative;
    overflow: hidden;
    border-right: 4px solid var(--secondary-gold);
}

.donors_modal-quote::before {
 content: '\f10d';
 font-family: 'Font Awesome 6 Free';
 font-weight: 900;
 position: absolute;
 top: -15px;
 right: -15px;
 font-size: 5rem;
 color: rgba(0, 112, 60, 0.1);
}

.donors_modal-quote-text {
 display: flex;
 flex-direction: column;
 text-align: center;
}

.donors_modal-quote-arabic {
 font-size: 1.5rem;
 font-weight: 500;
 color: var(--primary-dark);
 margin-bottom: 0.5rem;
}

.donors_modal-quote-persian {
 font-size: 1rem;
 color: var(--primary);
 margin-bottom: 0.75rem;
}

.donors_modal-quote-source {
 font-size: 0.85rem;
 color: var(--gray);
 align-self: flex-start;
}

/* بخش‌های مودال */
.donors_modal-section {
 margin-bottom: 2rem;
 padding-bottom: 2rem;
 border-bottom: 1px dashed rgba(0, 112, 60, 0.2);
}

.donors_modal-section:last-child {
 margin-bottom: 0;
 padding-bottom: 0;
 border-bottom: none;
}

.donors_modal-section-title {
 font-size: 1.25rem;
 font-weight: 700;
 color: var(--primary-dark);
 margin-bottom: 1rem;
 position: relative;
 padding-right: 1rem;
}

.donors_modal-section-title::before {
 content: '';
 position: absolute;
 right: 0;
 top: 0.5rem;
 width: 4px;
 height: 1rem;
 background-color: var(--secondary-gold);
 border-radius: 2px;
}

.donors_modal-text {
 color: var(--dark);
 line-height: 1.8;
 text-align: justify;
}

/* روش‌های مشارکت */
.donors_modal-method {
 background-color: var(--white);
 border-radius: 10px;
 box-shadow: var(--shadow);
 margin-bottom: 1.5rem;
 overflow: hidden;
 transition: var(--transition);
}

.donors_modal-method:hover {
 box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
 transform: translateY(-3px);
}

.donors_modal-method:last-child {
 margin-bottom: 0;
}

.donors_modal-method-header {
 display: flex;
 align-items: center;
 background-color: var(--primary-light);
 padding: 1rem 1.25rem;
 border-bottom: 1px solid rgba(0, 112, 60, 0.1);
}

.donors_modal-method-icon {
 width: 36px;
 height: 36px;
 border-radius: 50%;
 background-color: var(--primary);
 display: flex;
 align-items: center;
 justify-content: center;
 margin-left: 0.75rem;
 font-size: 1rem;
 color: var(--white);
}

.donors_modal-method-title {
 font-size: 1.1rem;
 font-weight: 600;
 margin-bottom: 0;
 color: var(--primary-dark);
}

.donors_modal-method-body {
 padding: 1.25rem;
}

.donors_modal-list {
 list-style: none;
 padding: 0;
 margin: 1rem 0;
}

.donors_modal-list li {
 display: flex;
 flex-direction: column;
 margin-bottom: 0.75rem;
 padding-right: 1.5rem;
 position: relative;
}

.donors_modal-list li::before {
 content: '\f058';
 font-family: 'Font Awesome 6 Free';
 font-weight: 900;
 position: absolute;
 right: 0;
 top: 0.25rem;
 color: var(--secondary);
}

.donors_modal-list-title {
 font-weight: 600;
 color: var(--dark);
 margin-bottom: 0.25rem;
}

.donors_modal-list-content {
 color: var(--gray);
}

.donors_modal-buttons {
 margin-top: 1.25rem;
 display: flex;
 gap: 1rem;
 flex-wrap: wrap;
}

/* دکمه‌های مودال */
.donors_modal-btn-primary {
 background-color: var(--primary);
 color: var(--white);
 border: none;
 border-radius: 5px;
 padding: 0.5rem 1.25rem;
 font-weight: 500;
 display: inline-flex;
 align-items: center;
 gap: 0.5rem;
 transition: var(--transition);
}

.donors_modal-btn-primary:hover {
 background-color: var(--primary-dark);
 color: var(--white);
}

.donors_modal-btn-outline {
 background-color: transparent;
 color: var(--primary);
 border: 1px solid var(--primary);
 border-radius: 5px;
 padding: 0.5rem 1.25rem;
 font-weight: 500;
 display: inline-flex;
 align-items: center;
 gap: 0.5rem;
 transition: var(--transition);
}

.donors_modal-btn-outline:hover {
 background-color: var(--primary-light);
 color: var(--primary-dark);
}

/* بخش تماس */
.donors_modal-contact {
 display: flex;
 flex-wrap: wrap;
 gap: 1rem;
 margin-top: 1rem;
}

.donors_modal-contact-item {
 display: flex;
 align-items: center;
 gap: 0.5rem;
 background-color: var(--primary-light);
 padding: 0.5rem 1rem;
 border-radius: 5px;
 color: var(--primary-dark);
}

.donors_modal-contact-item i {
 color: var(--primary);
}

/* بخش پیگیری */
.donors_modal-tracking {
 background-color: var(--light);
 border-radius: 10px;
 padding: 1.25rem;
 margin-top: 1.25rem;
}

.donors_modal-tracking-input {
 border: 1px solid rgba(0, 112, 60, 0.2);
 border-radius: 5px;
 padding: 0.75rem 1rem;
 transition: var(--transition);
}

.donors_modal-tracking-input:focus {
 border-color: var(--primary);
 box-shadow: 0 0 0 0.25rem rgba(0, 112, 60, 0.25);
}

/* کارت‌های تماس */
.donors_modal-contact-grid {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
 gap: 1rem;
 margin-top: 1.25rem;
}

.donors_modal-contact-card {
 background-color: var(--white);
 border-radius: 10px;
 padding: 1.25rem;
 text-align: center;
 box-shadow: var(--shadow);
 transition: var(--transition);
}

.donors_modal-contact-card:hover {
 transform: translateY(-3px);
 box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.donors_modal-contact-card-icon {
 width: 50px;
 height: 50px;
 border-radius: 50%;
 background-color: var(--primary-light);
 color: var(--primary);
 display: flex;
 align-items: center;
 justify-content: center;
 margin: 0 auto 1rem;
 font-size: 1.25rem;
}

.donors_modal-contact-card-title {
 font-size: 1rem;
 font-weight: 600;
 margin-bottom: 0.5rem;
 color: var(--primary-dark);
}

.donors_modal-contact-card-info {
 font-size: 0.9rem;
 color: var(--gray);
 margin-bottom: 0;
}

/* سخن پایانی */
.donors_modal-footer-note {
 background-color: var(--secondary-light);
 border-radius: 10px;
 padding: 1.5rem;
 margin-top: 1.5rem;
 position: relative;
 overflow: hidden;
 border-right: 4px solid var(--secondary-gold);
}

.donors_modal-footer-note-icon {
 position: absolute;
 top: -10px;
 right: -10px;
 font-size: 4rem;
 color: rgba(194, 155, 64, 0.2);
}

.donors_modal-footer-note-text {
 position: relative;
 font-size: 1rem;
 color: var(--dark);
 font-weight: 500;
 text-align: center;
 line-height: 1.8;
 margin-bottom: 0;
}

/* فوتر مودال */
.donors_modal-footer {
 background-color: var(--light);
 border-top: 1px solid rgba(0, 0, 0, 0.1);
 padding: 1rem 1.5rem;
}

/* ریسپانسیو */
@media (max-width: 767.98px) {
 .donors_modal-quote-arabic {
 font-size: 1.25rem;
 }
 
 .donors_modal-buttons {
 flex-direction: column;
 }
 
 .donors_modal-buttons .btn {
 width: 100%;
 }
 
 .donors_modal-contact-grid {
 grid-template-columns: 1fr;
 }
 
 .donors_modal-tracking .row {
 gap: 1rem;
 }
}

/* بخش مواکب */
.mokeb_section {
 padding: 50px 0;
 background-color: #f9f7f2; /* رنگ پس زمینه کرمی روشن */
 position: relative;
}

/* هدر بخش مواکب - مشابه تاپ بار */
.mokeb_header {
 background: linear-gradient(135deg, #0d3320 0%, #165432 100%);
 color: #fff;
 padding: 12px 0;
 margin-bottom: 30px;
 position: relative;
 overflow: hidden;
}

/* الگوی اسلامی در پس زمینه هدر */
.mokeb_header::before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M10 0l10 10-10 10L0 10 10 0zm5.5 5.5l-5 5-5-5 5-5 5 5z'/%3E%3C/g%3E%3C/svg%3E");
 pointer-events: none;
}

.mokeb_header-content {
 display: flex;
 justify-content: space-between;
 align-items: center;
 position: relative;
 z-index: 1;
}

.mokeb_title-wrapper {
 display: flex;
 align-items: center;
}

.mokeb_title-icon {
 margin-left: 10px;
 color: #c29b40; /* رنگ طلایی */
 font-size: 1.2rem;
}

.mokeb_title {
 color: #fff;
 font-size: 1.2rem;
 font-weight: 600;
 margin: 0;
}

.mokeb_archive-link {
 display: flex;
 align-items: center;
 color: #fff;
 text-decoration: none;
 font-size: 0.85rem;
 transition: all 0.3s ease;
}

.mokeb_archive-link:hover {
 color: #c29b40; /* رنگ طلایی */
}

.mokeb_archive-icon {
 margin-right: 6px;
 transition: transform 0.3s ease;
}

.mokeb_archive-link:hover .mokeb_archive-icon {
 transform: translateX(-3px);
}

/* بخش معرفی مواکب */
.mokeb_intro {
 text-align: center;
 max-width: 800px;
 margin: 0 auto 30px;
 padding: 0 15px;
}

.mokeb_intro-icon {
 margin-bottom: 15px;
}

.mokeb_intro-icon img {
 width: 40px;
 height: auto;
 opacity: 0.7;
}

.mokeb_intro-title {
 font-size: 1.4rem;
 font-weight: 600;
 color: #0d3320; /* رنگ سبز تیره */
 margin-bottom: 15px;
}

.mokeb_intro-text {
 font-size: 0.95rem;
 line-height: 1.8;
 color: #555;
}

/* کارت موکب */
.mokeb_card {
 background-color: #fff;
 border-radius: 10px;
 overflow: hidden;
 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
 height: 100%;
 display: flex;
 flex-direction: column;
 transition: all 0.3s ease;
}

.mokeb_card:hover {
 transform: translateY(-5px);
 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}

/* تصویر کارت */
.mokeb_card-image {
 position: relative;
 height: 0;
 padding-bottom: 75%; /* نسبت 4:3 */
 overflow: hidden;
}

.mokeb_card-image img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
 transition: transform 0.5s ease;
}

.mokeb_card:hover .mokeb_card-image img {
 transform: scale(1.05);
}

/* نشان ویژه */
.mokeb_card-badge {
 position: absolute;
 top: 10px;
 right: 10px;
 background: linear-gradient(45deg, #c29b40, #e5c675);
 color: #0d3320;
 font-size: 0.75rem;
 font-weight: 600;
 padding: 4px 8px;
 border-radius: 20px;
 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
 z-index: 2;
}

/* اورلی تصویر - نمایش در هاور */
.mokeb_card-overlay {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background: rgba(13, 51, 32, 0.85);
 display: flex;
 align-items: center;
 justify-content: center;
 opacity: 0;
 transition: opacity 0.3s ease;
 z-index: 1;
}

.mokeb_card:hover .mokeb_card-overlay {
 opacity: 1;
}

.mokeb_card-overlay-content {
 padding: 15px;
 color: #fff;
 text-align: center;
 width: 100%;
}

.mokeb_card-title-overlay {
 font-size: 1rem;
 font-weight: 600;
 margin: 0 0 10px;
 color: #fff;
}

.mokeb_card-info-item {
 display: flex;
 align-items: center;
 justify-content: center;
 margin-bottom: 12px;
 font-size: 0.85rem;
}

.mokeb_card-info-item i {
 color: #c29b40;
 margin-left: 8px;
}

.mokeb_card-services-overlay {
 display: flex;
 justify-content: center;
 gap: 10px;
 margin-bottom: 15px;
}

.mokeb_service-overlay {
 width: 32px;
 height: 32px;
 border-radius: 50%;
 background-color: rgba(255, 255, 255, 0.15);
 display: flex;
 align-items: center;
 justify-content: center;
 color: #fff;
 font-size: 0.8rem;
}

.mokeb_card-btn-overlay {
 display: inline-block;
 background-color: #c29b40;
 color: #fff;
 text-decoration: none;
 padding: 6px 14px;
 border-radius: 20px;
 font-size: 0.8rem;
 transition: all 0.3s ease;
}

.mokeb_card-btn-overlay:hover {
 background-color: #d5ac4e;
 color: #fff;
}

/* محتوای کارت */
.mokeb_card-content {
 padding: 12px;
 text-align: center;
}

.mokeb_card-title {
 font-size: 0.95rem;
 font-weight: 600;
 color: #0d3320;
 margin: 0 0 8px;
 line-height: 1.4;
}

.mokeb_card-location {
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 0.8rem;
 color: #666;
}

.mokeb_card-location i {
 color: #c29b40;
 margin-left: 5px;
}

/* دکمه مشارکت */
.mokeb_participate {
 text-align: center;
 margin-top: 30px;
}

.mokeb_participate-link {
 display: inline-flex;
 align-items: center;
 background: linear-gradient(45deg, #0d3320, #165432);
 color: #fff;
 text-decoration: none;
 padding: 12px 25px;
 border-radius: 30px;
 font-size: 1rem;
 font-weight: 500;
 transition: all 0.3s ease;
 box-shadow: 0 5px 15px rgba(13, 51, 32, 0.2);
}

.mokeb_participate-link i {
 margin-left: 10px;
 color: #c29b40; /* رنگ طلایی */
 font-size: 1.2rem;
}

.mokeb_participate-link:hover {
 transform: translateY(-3px);
 box-shadow: 0 8px 20px rgba(13, 51, 32, 0.3);
 color: #fff;
}

/* رسپانسیو */
@media (max-width: 767.98px) {
 .mokeb_header-content {
 flex-direction: column;
 align-items: flex-start;
 }
 
 .mokeb_archive-link {
 margin-top: 5px;
 }
 
 .mokeb_intro-title {
 font-size: 1.2rem;
 }
}

@media (max-width: 575.98px) {
 .mokeb_section {
 padding: 30px 0;
 }
 
 .mokeb_intro-title {
 font-size: 1.1rem;
 }
 
 .mokeb_card-image {
 padding-bottom: 100%; /* نسبت 1:1 (مربع) در موبایل */
 }
 
 .mokeb_card-overlay-content {
 padding: 10px;
 }
 
 .mokeb_card-title-overlay {
 font-size: 0.9rem;
 margin-bottom: 5px;
 }
 
 .mokeb_card-info-item {
 font-size: 0.75rem;
 margin-bottom: 8px;
 }
 
 .mokeb_card-services-overlay {
 margin-bottom: 10px;
 }
 
 .mokeb_service-overlay {
 width: 28px;
 height: 28px;
 font-size: 0.7rem;
 }
 
 .mokeb_card-btn-overlay {
 padding: 5px 12px;
 font-size: 0.75rem;
 }
 
 .mokeb_participate-link {
 padding: 10px 20px;
 font-size: 0.9rem;
 }
}