.elementor-12 .elementor-element.elementor-element-c7f2bdc{--display:flex;}.elementor-12 .elementor-element.elementor-element-76e1ccf{--display:flex;}.elementor-12 .elementor-element.elementor-element-a9d6779{--display:flex;}.elementor-12 .elementor-element.elementor-element-6a067ec{--display:flex;}.elementor-12 .elementor-element.elementor-element-d3e4f4a{--display:flex;}.elementor-12 .elementor-element.elementor-element-745225a{--display:flex;}.elementor-12 .elementor-element.elementor-element-2e73e57{--display:flex;}.elementor-12 .elementor-element.elementor-element-795225f{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-56bf69c *//* Fix lead paragraph color */
.pyr-about .pyr-a-lead{
  color:#6b6b6b !important;   /* رمادي واضح */
}

.pyr-about .pyr-a-lead strong{
  color:#121212 !important;   /* الأسود للكلمات المهمة */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d9f45f6 *//* FIX: FAQ answers visible (dark gray) */
.pyr-faq .pyr-f-body{
  color:#444 !important;  /* رمادي غامق واضح */
}

/* Mobile: show full answers + hide read more button */
@media (max-width: 520px){
  .pyr-faq .pyr-f-body{
    display:block !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;
  }
  .pyr-faq .pyr-f-more{
    display:none !important; /* شيل زر قراءة المزيد */
  }
}
/* ✅ Mobile FAQ alignment fix (perfect RTL layout) */
.pyr-faq .pyr-f-item summary{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding: 14px 14px !important;
  line-height: 1.6 !important;
}

/* title text */
.pyr-faq .pyr-f-item summary{
  font-size: 14.5px !important;
}

/* remove old absolute icon positioning */
.pyr-faq .pyr-f-item summary::after{
  position: static !important;
  transform: none !important;
  flex: 0 0 34px !important;
  width:34px !important;
  height:34px !important;
  border-radius: 14px !important;
  margin: 0 !important;
}

/* make text take remaining width */
.pyr-faq .pyr-f-item summary{
  /* the summary itself holds text, so we need this trick: */
}
.pyr-faq .pyr-f-item summary{
  /* keep icon at the end in RTL */
  flex-direction: row !important;
}

/* tighter spacing on very small screens */
@media (max-width: 420px){
  .pyr-faq .pyr-f-item summary{
    padding: 12px 12px !important;
    font-size: 14px !important;
  }
  .pyr-faq .pyr-f-item summary::after{
    width:32px !important;
    height:32px !important;
    flex-basis:32px !important;
    border-radius: 13px !important;
  }
}

/* body spacing */
.pyr-faq .pyr-f-body{
  padding: 0 14px 14px !important;
  color:#444 !important;
}/* End custom CSS */