.elementor-5993 .elementor-element.elementor-element-4e81d39{--item-text-hover-decoration:underline;}/* Start custom CSS for section, class: .elementor-element-b32d776 */h1 {
    /* رنگ پس‌زمینه نوار */
    background-color: #e8e8e8; 
    
    /* رنگ متن */
    color: #5ab9b6; 
    
    /* ضخیم کردن متن (بولد) */
    font-weight: bold; 
    
    /* نوار ضخیم رنگی در سمت راست */
    border-right: 18px solid #5ab9b6; 
    
    /* فاصله داخلی متن از کادر (بالا، راست، پایین، چپ) */
    padding: 12px 25px 12px 15px; 
    
    /* گرد کردن گوشه‌های سمت چپ (بالا و پایین)، گوشه‌های راست صاف می‌مانند */
    border-radius: 8px 8px 8px 8px; 
    
    /* تنظیمات راست‌چین و سایز فونت */
    text-align: right;
    font-size: 26px; /* سایز را بسته به قالب خود میتوانید تغییر دهید */
    line-height: 1.6;
    
    /* فاصله از بالا و پایین */
    margin-top: 25px;
    margin-bottom: 25px;
}/* End custom CSS */
/* Start custom CSS for pp-table-of-contents, class: .elementor-element-4e81d39 *//* حذف خطوط و استایل‌های مزاحم پیش‌فرض افزونه */
.pp-toc {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    direction: rtl !important;
}

/* ------------------------------------- */
/* 1. استایل هدر (عنوان دسترسی سریع) */
/* ------------------------------------- */
.pp-toc__header {
    background-color: #5ab9b6 !important; /* رنگ سبز-آبی */
    border-radius: 8px !important; /* گردی تمام گوشه‌ها */
    padding: 15px 25px !important;
    margin-bottom: 12px !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.pp-toc__header-title {
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: bold !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: right !important;
}

.pp-toc__toggle-button i {
    color: #ffffff !important;
}

/* ------------------------------------- */
/* 2. تنظیمات بدنه و فاصله‌ها */
/* ------------------------------------- */
.pp-toc__body {
    padding: 0 !important;
    margin: 0 !important;
}

.pp-toc__list-wrapper {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.pp-toc__list-item {
    margin-bottom: 8px !important; /* فاصله بین ردیف‌ها */
    padding: 0 !important;
    width: 100% !important; /* فول سایز شدن ردیف */
    display: block !important;
}

.pp-toc__list-item-text-wrapper {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
}

/* ------------------------------------- */
/* 3. استایل ردیف‌ها (حالت عادی - طوسی) */
/* ------------------------------------- */
.pp-toc__list-item-text {
    display: block !important; /* این دستور باعث می‌شود رنگ کل ردیف را پر کند */
    width: 100% !important; /* پر کردن کل عرض */
    box-sizing: border-box !important;
    background-color: #f5f5f5 !important; /* پس‌زمینه طوسی روشن */
    color: #666666 !important; /* متن طوسی تیره */
    padding: 15px 20px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    text-align: right !important; /* راست‌چین کردن متن */
    text-decoration: none !important;
    border-right: 8px solid #5ab9b6 !important; /* نوار کناری سبز-آبی */
    border-radius: 8px !important; /* گردی گوشه‌ها از هر 4 طرف */
    transition: all 0.3s ease !important;
    line-height: 1.8 !important;
}

/* ------------------------------------- */
/* 4. استایل ردیف‌ها (حالت هاور و فعال - زرد) */
/* ------------------------------------- */
.pp-toc__list-item-text:hover,
.pp-toc__list-item.pp-toc-active-item .pp-toc__list-item-text, 
.pp-toc__list-item.active .pp-toc__list-item-text {
    background-color: #fcebc0 !important; /* پس‌زمینه زرد روشن */
    color: #a47610 !important; /* متن طلایی/خردلی */
    border-right-color: #dfa521 !important; /* نوار کناری طلایی */
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-12874cb */\/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-064b78f */\/* End custom CSS */
/* Start custom CSS */h1 {
    /* رنگ پس‌زمینه نوار */
    background-color: #e8e8e8; 
    
    /* رنگ متن */
    color: #5ab9b6; 
    
    /* ضخیم کردن متن (بولد) */
    font-weight: bold; 
    
    /* نوار ضخیم رنگی در سمت راست */
    border-right: 18px solid #5ab9b6; 
    
    /* فاصله داخلی متن از کادر (بالا، راست، پایین، چپ) */
    padding: 12px 25px 12px 15px; 
    
    /* گرد کردن گوشه‌های سمت چپ (بالا و پایین)، گوشه‌های راست صاف می‌مانند */
    border-radius: 8px 8px 8px 8px; 
    
    /* تنظیمات راست‌چین و سایز فونت */
    text-align: right;
    font-size: 26px; /* سایز را بسته به قالب خود میتوانید تغییر دهید */
    line-height: 1.6;
    
    /* فاصله از بالا و پایین */
    margin-top: 25px;
    margin-bottom: 25px;
}
p {
    
    /* تراز کردن متن از دو طرف (جاستیفای) */
    text-align: justify; 
    
    /* بهبود نحوه جاستیفای شدن کلمات در زبان فارسی */
    text-justify: inter-word; 
    
    /* فاصله مناسب بین خطوط برای خوانایی بهتر متن */
    line-height: 1.8; 
    
    /* فاصله دادن هر پاراگراف از پاراگراف بعدی */
    margin-bottom: 15px; 
    
    /* سایز فونت استاندارد برای متن اصلی */
    font-size: 16px;
}
h2 {
    /* رنگ متن */
    color: #5ab9b6; 
    
    /* ضخیم کردن متن (بولد) */
    font-weight: bold; 
    
    /* نوار رنگی در سمت راست */
    border-right: 6px solid #e6aa20; 
    
    /* فاصله دادن متن از نوار کناری برای زیبایی بیشتر */
    padding-right: 12px; 
    
    /* تنظیمات راست‌چین و سایز فونت */
    text-align: right;
    font-size: 22px; 
    
    /* فاصله مناسب از المان‌های بالا و پایین */
    margin-top: 20px;
    margin-bottom: 15px;
}
/* استایل اصلی کادر */
.dl-box {
    position: relative;
    display: flex;
    align-items: center;
    background-color: #e8e8e8; /* رنگ پس‌زمینه باکس */
    border: 2px solid #5ab9b6; /* رنگ و ضخامت بورد باکس */
    border-radius: 8px; /* گردی گوشه‌ها */
    padding: 0px 0px 0px 70px; /* فاصله داخلی: فضای چپ بیشتر است تا روی آیکون نیاید */
    color: #000; /* رنگ متن */
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    margin-bottom: 15px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05); /* یک سایه بسیار نرم برای زیبایی */
    transition: all 0.3s ease; /* انیمیشن نرم برای هاور */
}

/* هاور (وقتی موس روی باکس میرود) */
.dl-box:hover {
    background-color: #dfdfdf;
    transform: translateY(-2px);
}

/* نقطه سمت راست باکس */
.dl-box::before {
    content: "";
    position: absolute;
    right: -8px; /* قرارگیری دقیقا روی خط بورد */
    top: 50%;
    transform: translateY(-50%); /* وسط چین کردن عمودی نقطه */
    width: 14px; /* اندازه نقطه */
    height: 14px;
    background-color: #5ab9b6; /* رنگ نقطه */
    border-radius: 50%; /* دایره کامل */
}

/* بخش سمت چپ شامل آیکون دانلود */
.dl-box::after {
    content: "\f019"; /* کد آیکون دانلود در FontAwesome */
    font-family: "Font Awesome 5 Free", "FontAwesome";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 55px; /* عرض کادر آیکون */
    background-color: #7ababa; /* رنگ کادر آیکون (کمی ملایم‌تر از بورد طبق عکس) */
    color: #ffffff; /* رنگ سفید آیکون */
    border-radius: 6px 0 0 6px; /* گردی گوشه‌های سمت چپ هم‌راستا با کادر اصلی */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px; /* سایز آیکون */
    border-right: 2px solid #5ab9b6; /* خط جداکننده کادر آیکون از کادر اصلی */
}/* End custom CSS */