:root {
            --animation-speed: 40s; /* سرعة الحركة - يمكنك زيادتها لتكون أبطأ */
        }

        /* حاوية العرض الرئيسية */
        .marquee-container {
            overflow: hidden;
            width: 100%;
            padding: 20px 0;
            /*background-color: #f8f9fa;*/
            position: relative;
        }

        /* المسار الذي يحتوي على العناصر */
        .marquee-track {
            display: flex;
            width: max-content;
            animation: scroll var(--animation-speed) linear infinite;
        }

        /* عند مرور الماوس يتوقف الشريط */
        .marquee-container:hover .marquee-track {
            animation-play-state: paused;
        }

        /* تنسيق الكرت الواحد ليكون مناسباً للعرض في الشريط */
        .marquee-item {
            width: 230px; /* عرض العنصر الواحد */
            flex-shrink: 0;
            margin: 0 15px;
        }

        /* الأنيمايشن للحركة من اليمين لليسار */
        @keyframes scroll {
            0% {
                transform: translateX(0);
            }
            100% {
                /* نتحرك بمقدار نصف طول المسار (لأننا سنكرر العناصر لضمان الاستمرارية) */
                transform: translateX(50%);
            }
        }

        /* تحسينات إضافية على الكود الخاص بك */
        .custom-card {
            background: #fff !important;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
            transition: transform 0.3s ease;
            text-decoration: none;
            display: block;
        }

        .custom-card:hover {
            transform: translateY(-5px);
        }

        .img-container {
            height: 320px;
           overflow: hidden;
        }

        .img-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
			padding:5px;
			 border-radius: 15px;
        }

        .label-container {
            padding: 12px 5px;
            text-align: center;
            background: #17a2b8; /* لون bg-info */
            color: white;
            font-size: 14px;
            line-height: 1.5;
        }

        .label-container a {
            color: white;
            text-decoration: none;
            font-size: 14px;
        }