* { margin: 0; padding: 0; box-sizing: border-box; }

    body {
      font-family: 'Tajawal','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto',sans-serif;
      background: linear-gradient(135deg, #111111 0%, #000000 50%, #111111 100%);
      color: #fff;
      overflow-x: hidden;
    }

    html { scroll-behavior: smooth; }

    ::-webkit-scrollbar { width: 8px; }
    ::-webkit-scrollbar-track { background: #111; }
    ::-webkit-scrollbar-thumb { background: #666; border-radius: 4px; }
    ::-webkit-scrollbar-thumb:hover { background: #999; }

  
    @media (max-width: 991.98px){
      .nav-wrap{ width:100%; flex-direction:column; align-items:center; gap:.75rem; padding:.5rem 0; }
      .navbar-nav{ flex-direction:column; align-items:center; gap:.25rem; }
      .navbar .nav-link{ padding:.6rem .25rem; }
    }

    /* ---------- Buttons ---------- */
    .btn-primary{ background:#fff; color:#000; border:none; border-radius:.5rem; padding:.5rem 1.5rem; font-weight:600; transition:.3s all ease; }
    .btn-primary:hover{ background:#ccc; transform:scale(1.05); }

    /* ---------- Sections ---------- */
    .section{ padding:5rem 0; }
    .section-title{ font-size:3rem; font-weight:800; text-align:center; margin-bottom:1rem; }
    .section-subtitle{ font-size:1.2rem; color:#d1d5db; text-align:center; margin-bottom:3rem; }
    .text-primary{ color:#fff !important; }

    /* ---------- Cards ---------- */
    .glass-card{
      background: rgba(20,20,20,.6);
      backdrop-filter: blur(12px);
      border: 1px solid rgba(255,255,255,.2);
      border-radius: 1rem;
      padding: 2rem;
      transition: .5s all ease;
      height: 100%;
    }

    /* ---------- Carousels ---------- */
           .carousel-item{
            height: 700px;
}
        .carousel-item img {
            width: 100%;
            max-height: 700px;
            object-fit: contain;
            border-radius: .5rem;
        }

        @media (max-width: 768px) {
            .section-title {
                font-size: 2.2rem;
            }
            .carousel-item{
            max-height: 205px;
            .carousel-item img {
            width: 100%;
            max-height: 500px;
            object-fit: contain;
            border-radius: .5rem;
        }
}
        }
    @media (max-width:768px){ .section-title{ font-size:2.2rem; } }

    /* ---------- Partners / Clients (Marquee) ---------- */
    .partners-section{ padding:5rem 0; }
    .partners-wrap{ max-width:1200px; margin:0 auto; padding:0 16px; }
    .logo-marquee{
      position:relative; overflow:hidden; border-radius:1rem; border:1px solid rgba(255,255,255,.2);
      background: rgba(255,255,255,.6); backdrop-filter: blur(12px);
      mask-image: linear-gradient(to right, transparent 0, black 8%, black 92%, transparent 100%);
      -webkit-mask-image: linear-gradient(to right, transparent 0, black 8%, black 92%, transparent 100%);
      padding:24px 32px;
      direction: ltr; /* مهم لتفادي تقطيع المسار في RTL */
    }
    .logo-track{ display:flex; gap:48px; align-items:center; width:max-content; padding:0; animation:partners-marquee var(--marquee-speed,15s) linear infinite; will-change: transform; }
    .logo-marquee:hover .logo-track{ animation-play-state: paused; }
    .logo-item{ flex:0 0 auto; display:grid; place-items:center; min-width:140px; height:100px; opacity:.9; transition: transform .25s ease, opacity .25s ease; }
    .logo-item:hover{ transform:scale(1.06); opacity:1; }
    .logo-item img{ max-height:90px; max-width:160px; object-fit:cover; }
    @keyframes partners-marquee{ from{ transform: translateX(0);} to{ transform: translateX(-50%);} }
    @media (max-width:768px){ .logo-track{ gap:32px; } .logo-item{ min-width:120px; height:70px; } .logo-item img{ max-height:50px; max-width:140px; } }

   
    /* Animations */
    .animate-on-scroll{ opacity:0; transform:translateY(30px); transition:.8s all ease; }
    .animate-on-scroll.animated{ opacity:1; transform:translateY(0); }
      [dir="rtl"] .me-2{ margin-left:.5rem !important; margin-right:0 !important; }
  [dir="rtl"] .ms-2{ margin-right:.5rem !important; margin-left:0 !important; }