.elementor-8714 .elementor-element.elementor-element-55ec159{--display:flex;}.elementor-8714 .elementor-element.elementor-element-0946401 > .elementor-widget-container{margin:5px 5px 5px 5px;padding:5px 5px 5px 5px;}.elementor-8714 .elementor-element.elementor-element-0946401{font-family:"pinar-fonts-pack", Sans-serif;font-size:25px;line-height:45px;}.elementor-8714 .elementor-element.elementor-element-edb6e2b{--display:flex;}.elementor-8714 .elementor-element.elementor-element-18ed22c{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-8714 .elementor-element.elementor-element-18ed22c .elementor-divider-separator{width:100%;}.elementor-8714 .elementor-element.elementor-element-18ed22c .elementor-divider{padding-block-start:15px;padding-block-end:15px;}/* Start custom CSS for text-editor, class: .elementor-element-0946401 *//*
 * کد CSS اختصاصی برای استایل‌دهی به مقالات
 * تاریخ: 1404/08/18
 * به‌روزرسانی: 1404/08/30
*/

/* --- بخش ۱: استایل تیترها (h1, h2, ...) --- */
/* این قانون، رنگ تمام تیترهای استاندارد را به نارنجی تغییر می‌دهد. */
h1, h2, h3, h4, h5, h6 {
    color: #D97706 !important;
}


/* --- بخش ۲: استایل باکس‌های نقل قول (Blockquote) --- */
/* 
 * این قانون برای تمام تگ‌های blockquote یک پس‌زمینه زرد-نارنجی ملایم
 * و یک نوار عمودی نارنجی در سمت راست ایجاد می‌کند.
*/
blockquote {
    background-color: #FEFBEB !important; 
    border-right: 5px solid #D97706 !important; 
    border-left: none !important;
    padding: 20px 25px !important;
    margin: 30px 0 !important;
    border-radius: 5px !important;
}

/* استایل متن داخل باکس نقل قول برای خوانایی بهتر */
blockquote p {
    color: #4B5563 !important;
    font-style: italic !important;
}


/* --- بخش ۳ (اختیاری): استایل دادن به تیترهای خاص --- */
.faq-question {
    color: #D97706 !important;
    font-weight: bold !important;
}


/* --- بخش ۴: استایل لینک‌ها (Hyperlinks) --- */
a {
    color: #065FD4 !important; /* رنگ آبی برای هایپرلینک‌ها */
}


/* ---------------------------------------------------------- */
/* --- بخش ۵: رفع مشکل شکسته نشدن لینک‌ها در نسخه موبایل --- */
/* ---------------------------------------------------------- */
/* این کد باعث می‌شود لینک‌های طولانی در موبایل باعث اسکرول افقی نشوند
   و در هر نقطه‌ای بشکنند و متن به هم نریزد. */

a {
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
}/* End custom CSS */