:root{
      --brand:#6b0f76;
      --brand2:#115e59;
      --text:#0f172a;
      --muted:#475569;
      --bg:#f1f1f1;
      --card:#ffffff;
      --danger:#ff5252;
    }
    body{ font-family:'Cairo',sans-serif; background:var(--bg); color:var(--text); }
    a.hany{ text-decoration:none; color:#fff; }

    .navbar{ background:var(--brand); }
    .navbar .nav-link{ opacity:.95; }
    .navbar .nav-link:hover{ opacity:1; }
img.img-fluid.rounded-4 {
    margin: 0 auto;
    text-align: center;
    display: block;
}
    .hero{
      padding: 96px 0;
      color:#fff;
      background:
        linear-gradient(rgba(0,0,0,.62), rgba(0,0,0,.62)),
        url('https://hdparksat.com/bg1.webp');
      background-size:cover;
      background-position: center;
    }

    .btn-call{
      background:var(--danger);
      color:#fff;
      font-weight:800;
      border-radius:999px;
      padding:14px 26px;
      border:0;
    }
    .btn-call:hover{ background:#ff1744; color:#fff; }

    .btn-whatsapp{
      background:#16a34a;
      color:#fff;
      font-weight:800;
      border-radius:999px;
      padding:14px 26px;
      border:0;
    }
    .btn-whatsapp:hover{ background:#15803d; color:#fff; }

    .card-soft{
      background:var(--card);
      border:1px solid #e9ecef;
      border-radius:16px;
      box-shadow: 0 12px 30px rgba(0,0,0,.06);
    }

    .feature-box{
      background:#fff;
      padding: 26px;
      border-radius:16px;
      border:1px solid #eef2f7;
      box-shadow: 0 10px 22px rgba(0,0,0,.06);
      text-align:center;
      height:100%;
      transition:.25s;
    }
    .feature-box:hover{ transform: translateY(-6px); }
    .feature-icon{ font-size: 2.6rem; color: var(--brand); margin-bottom:14px; }

    .pill{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:8px 12px;
      border-radius:999px;
      border:1px solid #e5e7eb;
      background:#fff;
      margin:6px 6px 0 0;
      font-weight:700;
      color:#0f172a;
      font-size:14px;
    }

    .icon-badge{
      width:44px; height:44px;
      border-radius:14px;
      display:grid;
      place-items:center;
      background: rgba(15,118,110,.12);
      color: var(--brand);
      flex: 0 0 auto;
      font-size:18px;
    }

    .map-wrapper{
      width:100%;
      height:380px;
      border-radius:16px;
      overflow:hidden;
      background:#e5e7eb;
      border:1px solid #e5e7eb;
      box-shadow: 0 10px 25px rgba(0,0,0,.08);
      position:relative;
    }
    .map-wrapper iframe{ width:100%; height:100%; border:0; }

    .contact-info{
      background: var(--brand);
      color:#fff;
      padding: 56px 0;
      margin-top: 10px;
    }

    footer{
      background:#111;
      color:#cbd5e1;
      padding: 18px 0;
      text-align:center;
    }
    .footer-links{
      display:flex;
      justify-content:center;
      flex-wrap:wrap;
      gap:14px;
      margin-top:8px;
    }
    .footer-links a{ color:#fff; text-decoration:none; opacity:.92; }
    .footer-links a:hover{ opacity:1; }

    @media (max-width: 768px){
      .hero{ padding:70px 0; }
      .map-wrapper{ height:300px; }
    }
  


    :root{
      --brand:#6b0f76;
      --brand2:#115e59;
      --text:#0f172a;
      --muted:#475569;
      --bg:#f1f1f1;
      --card:#ffffff;
      --danger:#ff5252;
    }
    body{ font-family:'Cairo',sans-serif; background:var(--bg); color:var(--text); }
    .navbar{ background:var(--brand); }
    .card-soft{
      background:var(--card);
      border:1px solid #e9ecef;
      border-radius:16px;
      box-shadow: 0 12px 30px rgba(0,0,0,.06);
    }
    /* يضمن إن العمودين نفس الارتفاع */
.about-row { align-items: stretch; }

/* نفس شكل الكروت */
.about-card{
  background:#fff;
  border:1px solid #e9ecef;
  border-radius:18px;
  box-shadow: 0 12px 30px rgba(0,0,0,.06);
  height:100%;
}

/* حاوية الصورة: ثابتة ومنتظمة */
.about-media{
  border-radius:18px;
  overflow:hidden;
  height:100%;
  min-height: 320px; /* مهم للموبايل والارتفاع العام */
}

/* تخلي الصورة تملأ المساحة بدون تشوه */
.about-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* لو تحب نسبة ثابتة (مفضل) بدل min-height */
@media (min-width: 992px){
  .about-media{ min-height: 100%; }
  .about-media{ aspect-ratio: 16/10; } /* غيّرها 16/9 أو 4/3 حسب صورك */
}
.map-wrapper{
  width:100%;
  min-height:380px;
  border-radius:18px;
  overflow:hidden;
  background:#e5e7eb;
  border:1px solid #e5e7eb;
  box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.map-wrapper iframe{
  width:100%;
  height:100%;
  border:0;
}

    .btn-call{
      background:var(--danger);
      color:#fff;
      font-weight:800;
      border-radius:999px;
      padding:12px 22px;
      border:0;
    }
    .btn-call:hover{ background:#ff1744; color:#fff; }
    .btn-whatsapp{
      background:#16a34a;
      color:#fff;
      font-weight:800;
      border-radius:999px;
      padding:12px 22px;
      border:0;
    }
    .btn-whatsapp:hover{ background:#15803d; color:#fff; }
    footer{
      background:#111;
      color:#cbd5e1;
      padding: 18px 0;
      text-align:center;
      margin-top: 28px;
    }
    .footer-links{
      display:flex;
      justify-content:center;
      flex-wrap:wrap;
      gap:14px;
      margin-top:8px;
    }
    .footer-links a{ color:#fff; text-decoration:none; opacity:.92; }
    .footer-links a:hover{ opacity:1; }
  


    :root{
     --brand:#6b0f76;
      --brand2:#115e59;
      --text:#0f172a;
      --muted:#475569;
      --bg:#f1f1f1;
      --card:#ffffff;
      --danger:#ff5252;
      --soft:#f8f9fa;
      --ink:#0f172a;
       --line:#e5e7eb;
    }
    body{font-family:'Cairo',sans-serif;background:var(--soft);color:var(--ink)}
    .navbar{background:var(--brand)}
    .hero{
      background: linear-gradient(rgba(0,0,0,.72), rgba(0,0,0,.72)), url('https://hdparksat.com/bg.webp');
      background-size:cover;background-position:center;
      color:#fff;padding:80px 0;text-align:center;
    }
    .btn-call{
      background:var(--danger);color:#fff;border-radius:50px;padding:14px 28px;
      font-weight:800;text-decoration:none;display:inline-flex;gap:10px;align-items:center;justify-content:center
    }
    .btn-call:hover{background:var(--danger2);color:#fff}
    .btn-whatsapp{
      background:#1f9d55;color:#fff;border-radius:50px;padding:14px 28px;
      font-weight:800;text-decoration:none;display:inline-flex;gap:10px;align-items:center;justify-content:center
    }
    .btn-whatsapp:hover{background:#168f4a;color:#fff}
    .card-soft{
      background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;
      box-shadow:0 12px 30px rgba(0,0,0,.06);height:100%
    }
    .icon-badge{
      width:48px;height:48px;border-radius:14px;background:#e8eaf6;color:var(--brand);
      display:flex;align-items:center;justify-content:center;font-size:20px;flex:0 0 auto
    }
    .small-muted{color:var(--muted);font-size:14px;line-height:1.9}
    .help-box{
      background:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;padding:14px;line-height:2;color:#0f172a
    }
    .map-wrapper{
      width:100%;height:380px;border-radius:16px;overflow:hidden;background:#e5e7eb;border:1px solid var(--line);
      box-shadow:0 10px 25px rgba(0,0,0,.08);
    }
    .map-wrapper iframe{width:100%;height:100%;border:0}
    footer{background:#111;color:#ccc;padding:18px 0;text-align:center}
    footer a{color:#fff;text-decoration:none}
  


    :root{
    
        
        
      --brand:#6b0f76;
      --text:#0f172a;
      --muted:#475569;
      --bg:#f1f1f1;
      --card:#ffffff;
      --border:#e9ecef;
    }
    body{ font-family:'Cairo',sans-serif; background:var(--bg); color:var(--text); }
    .navbar{ background:var(--brand); }
    .card-soft{
      background:var(--card);
      border:1px solid var(--border);
      border-radius:18px;
      box-shadow: 0 12px 30px rgba(0,0,0,.06);
    }
    .lead-muted{ color:var(--muted); line-height:2; }
    .privacy h2{ font-weight:900; margin-top:24px; }
    .privacy h3{ font-weight:800; margin-top:18px; }
    .privacy ul{ margin: 10px 0 0; }
    .privacy li{ margin: 8px 0; color:var(--muted); line-height:2; }
    .badge-soft{
      display:inline-block;
      padding:6px 10px;
      border:1px solid var(--border);
      border-radius:999px;
      background:#fff;
      color:var(--text);
      font-weight:700;
      margin:6px 6px 0 0;
      font-size:14px;
    }
    footer{
      background:#111;
      color:#cbd5e1;
      padding: 18px 0;
      text-align:center;
      margin-top: 28px;
    }
    .footer-links{
      display:flex;
      justify-content:center;
      flex-wrap:wrap;
      gap:14px;
      margin-top:8px;
    }
    .footer-links a{ color:#fff; text-decoration:none; opacity:.92; }
    .footer-links a:hover{ opacity:1; }