.services-scroll {
        display: flex;
        gap: 20px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        padding: 20px 0;
        scrollbar-width: none; /* اخفاء scrollbar */
        -ms-overflow-style: none;
    }

    .services-scroll::-webkit-scrollbar {
        display: none; /* اخفاء scrollbar في webkit */
    }

    .service-item {
        min-width: 280px; /* حجم العنصر */
        scroll-snap-align: start;
        background: #fff;
        padding: 20px;
        border-radius: 10px;
        border: 1px solid #eee;
        transition: 0.3s;
        flex-shrink: 0; /* يمنع الانكماش */
    }

    .service-item:hover {
        transform: translateY(-5px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }

    /* اختياري: لتغيير شكل المؤشر عند السحب */
    .services-scroll:active {
        cursor: grabbing;
        cursor: -webkit-grabbing;
    }