:root {
  --abp-color-ink: #121417;
  --abp-color-muted: #5b626d;
  --abp-color-line: #e6e8ec;
  --abp-color-surface: #ffffff;
  --abp-color-soft: #f5f7fa;
  --abp-color-night: #18202b;
  --abp-color-primary: #0b5f79;
  --abp-color-primary-dark: #083f54;
  --abp-color-accent: #b4232a;
  --abp-color-gold: #b88a2d;
  --abp-color-success: #237a57;
  --abp-radius: 8px;
  --abp-shadow: 0 16px 40px rgba(18, 20, 23, 0.12);
  --abp-container: 1180px;
}

body {
  color: var(--abp-color-ink);
  font-family: Tahoma, Arial, "Segoe UI", sans-serif;
}

.albelad-container {
  width: min(var(--abp-container), calc(100% - 32px));
  margin-inline: auto;
}

.albelad-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-block: 0 18px;
}

.albelad-section-heading h2 {
  margin: 0;
  padding-inline-start: 12px;
  border-inline-start: 4px solid var(--abp-color-primary);
  font-size: clamp(1.25rem, 2vw, 1.65rem);
  line-height: 1.35;
}

.albelad-section-heading a {
  color: var(--abp-color-primary);
  font-weight: 700;
}

@media (max-width: 680px) {
  .albelad-container {
    width: min(100% - 22px, var(--abp-container));
  }
}