/* تخصيصات إضافية */
      .active-section {
        background-color: #f0f7ff;
        border-right: 4px solid #171716;
        color: #171716;
        font-weight: 600;
      }
      
      

      .section-content {
        animation: fadeIn 0.5s ease-in-out;
      }

      @keyframes fadeIn {
        from {
          opacity: 0;
          transform: translateY(10px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      .nav-item {
        transition: all 0.3s ease;
        border-radius: 0.375rem;
        padding: 0.5rem 1rem;
      }

      .nav-item:hover {
        background-color: #f8fafc;
      }

      .logo {
        transition: transform 0.3s ease;
      }

      .logo:hover {
        transform: scale(1.05);
      }

      /* تأثيرات للبطاقات */
      .feature-card {
        transition: all 0.3s ease;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
          0 2px 4px -1px rgba(0, 0, 0, 0.06);
      }

      .feature-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
          0 4px 6px -2px rgba(0, 0, 0, 0.05);
      }

      /* تصميم متجاوب للجوال */
      @media (max-width: 1023px) {
        .sidebar {
          position: fixed;
          top: 0;
          right: -320px;
          width: 300px;
          height: 100vh;
          z-index: 100;
          transition: right 0.3s ease;
        }

        .sidebar-open {
          right: 0;
        }

        .mobile-menu-button {
          display: block;
        }

        .overlay {
          display: none;
          position: fixed;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          background-color: rgba(0, 0, 0, 0.5);
          z-index: 90;
        }

        .sidebar-open + .overlay {
          display: block;
        }
      }

      @media (min-width: 1024px) {
        .sidebar {
          position: relative;
          width: 320px;
          right: 0;
        }

        .mobile-menu-button {
          display: none;
        }
      }


      .sidebar-list li {
        cursor: pointer;
      }