/* تعريف اللون الرئيسي والخط الافتراضي في الأعلى */
:root {
  --primary-color: #038187;
  --secondary-color: #C49A6C;
  --background-color: #fff;
  --font-main: 'ExpoArabic-Light', 'Plus Jakarta Sans', Arial, Helvetica, sans-serif;
}

/* استيراد الخط الافتراضي */
@font-face {
  font-family: 'ExpoArabic-Light';
  src: url('../fonts/ExpoArabic-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* تعيين الخط الافتراضي */
body,
h1, h2, h3, h4, h5, h6,
p, ul li, a, button, input, textarea, label, em, strong, b, span {
  font-family: var(--font-main) !important;
}

/* ...جميع القواعد العامة والتجاوبية تأتي بعد المتغيرات والخط... */

/* ...existing code for .section-padding, .container, .section-bg, .section-overlay, responsive ... */
.section-padding {
  padding-top: 60px;
  padding-bottom: 60px;
}
.section-bg {
  background: var(--background-color) !important;
}
/* ...أضف بقية القواعد العامة والتجاوبية هنا... */