.elementor-9829 .elementor-element.elementor-element-6f7f414{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9829 .elementor-element.elementor-element-cfb1fb1 .elementor-heading-title{line-height:100px;}.elementor-9829 .elementor-element.elementor-element-174c96a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9829 .elementor-element.elementor-element-3dd645a > .elementor-widget-container{margin:5px 5px 5px 5px;padding:5px 5px 5px 5px;}.elementor-9829 .elementor-element.elementor-element-3dd645a{text-align:justify;font-size:20px;}.elementor-9829 .elementor-element.elementor-element-93896aa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9829 .elementor-element.elementor-element-d8c641c{--divider-border-style:solid;--divider-color:#000AFF;--divider-border-width:2px;}.elementor-9829 .elementor-element.elementor-element-d8c641c .elementor-divider-separator{width:100%;}.elementor-9829 .elementor-element.elementor-element-d8c641c .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-9829 .elementor-element.elementor-element-d8c641c .elementor-divider__text{color:#001EFF;font-family:"Pinar-Bold", Sans-serif;}.elementor-9829 .elementor-element.elementor-element-4d90501{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9829 .elementor-element.elementor-element-dce88c7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9829 .elementor-element.elementor-element-cdd198d{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-9829 .elementor-element.elementor-element-cdd198d .elementor-divider-separator{width:100%;}.elementor-9829 .elementor-element.elementor-element-cdd198d .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-9829 .elementor-element.elementor-element-24d4266{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9829 .elementor-element.elementor-element-d978d46{--spacer-size:50px;}.elementor-9829 .elementor-element.elementor-element-b403889{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9829 .elementor-element.elementor-element-a753199 .faq .question{text-align:justify;}.elementor-9829 .elementor-element.elementor-element-a753199 .faq .answers{text-align:right;}/* Start custom CSS for text-editor, class: .elementor-element-3dd645a *//*
 * کد 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 */
/* Start custom CSS for shortcode, class: .elementor-element-d5c7562 *//* کد کامل و اصلاح شده برای زیباسازی و حل مشکل چیدمان */

.wis-category-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 30px;
  margin-top: 25px;
}

.wis-post-item {
  display: flex; /* این خط مهم است */
  flex-direction: column; /* این خط هم مهم است */
  background: #f8f9fa;
  border: 1px solid #dcdcdc;
  padding: 20px;
  border-radius: 12px;
  transition: all 0.3s ease;
}

.wis-post-item:hover {
  box-shadow: 0 6px 16px rgba(0,0,0,0.12);
  transform: translateY(-4px);
}

.wis-title a {
  color: #005A9E;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  white-space: normal !important; /* اجازه شکستن خط */
  height: auto; /* حذف !important چون دیگر نیازی نیست */
  /* display: block; حذف شد چون flexbox کار را انجام می‌دهد */
}

.wis-title a:hover {
  color: #00BCD4;
}

.wis-excerpt {
  color: #444;
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 8px;
  flex-grow: 1; /* این خط باعث می‌شود فضای خالی پر شود و کارت‌ها هم‌قد شوند */
}

/* استایل لینک "ادامه مطلب" */
.wis-readmore {
  display: inline-block;
  margin-top: auto; /* این تغییر باعث می‌شود دکمه به پایین کارت بچسبد */
  color: #00BCD4;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.3s ease;
}

.wis-readmore:hover {
  color: #005A9E;
  text-decoration: underline;
}/* End custom CSS */