.elementor-280 .elementor-element.elementor-element-3890894{--display:flex;--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-280 .elementor-element.elementor-element-0ef78f5{--display:flex;}.elementor-280 .elementor-element.elementor-element-c362a98{--display:flex;}.elementor-280 .elementor-element.elementor-element-abfb634{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-280 .elementor-element.elementor-element-a6985ce{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-54c0284 *//* --------- Override global color vars (attempt) --------- */
:root {
  --itology-accent: #C9A227; /* لو بتحاول تحافظ على accent الأصلى ممكن تسيبه */
  /* حط قيمة افتراضية جديدة للـ text small لو موجود */
  --text-small-color: #ffffff !important;
}

/* --------- Force small / less-important text to bright white --------- */
/* قواعد شاملة للنصوص الصغيرة */
p.small, .small-text, .muted, .caption, .subtitle, .meta,
.info-card p, .details li, .section-subtitle, .card-content p,
.card-meta, .card-subtitle, .it-section .container p {
  color: #ffffff !important;
  opacity: 1 !important;            /* يتأكد إنه مش مخفف */
  text-shadow: 0 1px 3px rgba(0,0,0,0.35) !important; /* للحِفظ على قِراءة على خلفيات منقوشة */
}

/* تستهدف كل النصوص داخل البطاقات الصغيرة والتفاصيل */
.info-card .card-content p,
.info-card .card-content span,
.info-card .card-content small,
.info-card .details li {
  color: #ffffff !important;
  font-weight: 500;
}

/* لو فيه عناصر موضوع عليها ألوان جلوبال عبر متغيرات css، نعيد توجيهها */
* {
  --global-text-color: var(--global-text-color, #ffffff) !important;
  --global-muted-color: var(--global-muted-color, #ffffff) !important;
}

/* بعض العناصر الشائعة في الثيمات اللي بتغير اللون — نكسرها صراحة */
a, a:link, a:visited, .link, .btn-link {
  color: inherit !important; /* يخلي لينك يتبع النص المحيط (لو المحيط أبيض يبقى أبيض) */
}

/* أزرار صغيرة / تاغات صغيرة — خلي نصها أبيض لكن خلى الخلفية متوازنة */
.btn, button, .tag, .badge {
  color: #ffffff !important;
}

/* لو فيه عناصر تستخدم !important داخلياً، نرفع specificity */
.it-section .container .card-container .info-card .card-content p,
.it-section .container .card-container .info-card .details li {
  color: #ffffff !important;
}

/* تحسين التباين عند وجود صور خلفية قوية */
.it-section .overlay {
  /* لو عايز تخفف الدرجة بتغيير opacity هنا */
  background: rgba(0, 80, 150, 0.55) !important;
}

/* responsive - تأكد من نفس السلوك على الموبايل */
@media (max-width: 850px) {
  .section-subtitle,
  .info-card p,
  .details li,
  .small-text {
    color: #ffffff !important;
  }
}

/* اختياري: لو عايز تكسر لون الـ SVG / icons داخل البطاقات */
.info-card svg, .info-card .icon, .icon svg {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* Safety: لا تؤثر على عناوين كبيرة (لو عايز تحتفظ بلون العنوان) */
.info-card h3, .section-title {
  color: inherit;
}/* End custom CSS */