/* ================================================================
   about.css — Page-exclusive styles for about.html (Arabic RTL)
   Depends on: shared.css, site-shell.css
   This file contains ONLY rules unique to this page.
   ================================================================ */

/* ── Hero — gradient image background ── */
.hero-gradient {
  background:
    linear-gradient(rgba(15, 23, 42, 0.85), rgba(15, 23, 42, 0.85)),
    url('../assets/gallery/0.webp') center / cover no-repeat;
}

/* ── Statistics boxes ── */
.stat-box {
  border-bottom: 5px solid #2563eb;
  transition: transform 0.3s ease, background-color 0.3s ease, border-bottom-color 0.3s ease;
}

.stat-box:hover {
  transform: translateY(-10px);
  background-color: #f8fafc;
  border-bottom-color: #dc2626;
}

/* ── Testimonial cards ── */
.testimonial-card {
  border-right: 4px solid #2563eb;
  transition: box-shadow 0.3s ease;
}

.testimonial-card:hover {
  box-shadow: 0 8px 32px rgba(37, 99, 235, 0.12);
}

/* ── Comparison table ── */
.compare-check { color: #16a34a; }
.compare-x     { color: #dc2626; }

/* ── CTA banner ── */
.cta-banner {
  background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 50%, #dc2626 100%);
}