 body {
            font-family: 'Cairo', sans-serif;
            background-color: #F9F9F9;
            /* New Base Color */
            overflow-x: hidden;
        }

        /* تخصيص شريط التمرير */
        ::-webkit-scrollbar {
            width: 10px;
        }

        ::-webkit-scrollbar-track {
            background: #f1f1f1;
        }

        ::-webkit-scrollbar-thumb {
            /* New Crimson Gradient */
            background: linear-gradient(to bottom, #B20710, #E63946);
            border-radius: 5px;
            border: 2px solid #f1f1f1;
        }

        /* روابط النافبار */
        .nav-link {
            position: relative;
            font-weight: 600;
            font-size: 0.95rem;
            transition: all 0.3s ease;
        }

        .nav-link::after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: -4px;
            right: 0;
            /* يبدأ من اليمين للعربية */
            background-color: #B20710;
            /* New Crimson Main */
            transition: width 0.3s ease;
        }

        .nav-link:hover::after {
            width: 100%;
        }

        /* تحسين الصور */
        .img-card {
            overflow: hidden;
            border-radius: 1.5rem;
            position: relative;
            transform: translateZ(0);
            /* تسريع الأداء */
        }

        .img-card img {
            transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .img-card:hover img {
            transform: scale(1.1);
        }

        .img-overlay {
            /* New Crimson Overlay */
            background: linear-gradient(to top, rgba(178, 7, 16, 0.9), transparent 80%);
        }

   

        .partner-track {
            display: flex;
            width: calc(200px * 14);
            /* تعديل العرض بناء على عدد العناصر */
            animation: slideLeft 30s linear infinite;
        }

        .partner-logo {
            width: 200px;
            padding: 0 30px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .partner-logo img {
            max-width: 100%;
            height: auto;
            filter: grayscale(100%) opacity(0.6);
            transition: all 0.4s ease;
        }

        .partner-logo:hover img {
            filter: grayscale(0%) opacity(1);
            transform: scale(1.1);
        }

        .scrollbar-hide::-webkit-scrollbar {
            display: none;
        }

        .scrollbar-hide {
            -ms-overflow-style: none;
            /* IE and Edge */
            scrollbar-width: none;
            /* Firefox */
        }