@font-face {
        font-family: 'Expo Arabic';
        src: url('fonts/ExpoArabic-Light.ttf') format('truetype');
        font-weight: 300; /* Light */
        font-style: normal;
    }

   
        body { font-family: 'Expo Arabic', sans-serif; }
        .swiper-pagination-bullet { background-color: white !important; opacity: 0.6; width: 10px; height: 10px; }
        .swiper-pagination-bullet-active { opacity: 1; background-color: #f5c511 !important; } /* تم تغيير اللون إلى الأصفر */
        @keyframes fade-in-down { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } }
        @keyframes fade-in-up { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }
        .animate-fade-in-down { animation: fade-in-down 0.8s ease-out forwards; }
        .animate-fade-in-up { animation: fade-in-up 0.8s ease-out forwards; }
		.swiper-button-next::after,
		  .swiper-button-prev::after {
			font-size: 1.5rem !important;
		  }

		.identity-card {
			opacity: 0;
			transform: translateY(30px);
			transition: all 0.6s ease-out;
			transition-delay: var(--delay, 0ms); /* استخدام متغير التأخير */
		}

		.identity-card.is-visible {
			opacity: 1;
			transform: translateY(0);
		}
		
		.animate-in {
			opacity: 0;
			transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* تأثير حركة ناعم */
		}

		/* حركة الخلفية (انزلاق من اليمين) */
		.animate-bg { transform: translateX(50px) rotate(-3deg); }
		.about-section.is-visible .animate-bg { opacity: 1; transform: translateX(0) rotate(-3deg); }

		/* حركة الصورة (انزلاق من اليسار) */
		.animate-img { transform: translateX(-50px); }
		.about-section.is-visible .animate-img { opacity: 1; transform: translateX(0); transition-delay: 200ms; }

		/* حركة النص (صعود للأعلى) */
		.animate-subtitle { transform: translateY(20px); }
		.animate-title { transform: translateY(20px); }
		.animate-text { transform: translateY(20px); }
		.animate-button { transform: translateY(20px) scale(0.9); }

		/* تشغيل حركة النص بشكل متتابع عند ظهور القسم */
		.about-section.is-visible .animate-subtitle { opacity: 1; transform: translateY(0); transition-delay: 400ms; }
		.about-section.is-visible .animate-title { opacity: 1; transform: translateY(0); transition-delay: 500ms; }
		.about-section.is-visible .animate-text { opacity: 1; transform: translateY(0); transition-delay: 600ms; }
		.about-section.is-visible .animate-button { opacity: 1; transform: translateY(0) scale(1); transition-delay: 700ms; }
		.cta-section {
			position: relative;
			background-color: #1a3b8b; /* A slightly darker shade of your primary for better effect */
		}

		/* 1. تأثير تسليط الضوء (Spotlight) */
		.spotlight {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			background-image: radial-gradient(circle, #214699 0%, transparent 60%);
			width: 100px;
			height: 100px;
			border-radius: 50%;
			opacity: 0;
			transition: all 1.2s cubic-bezier(0.25, 1, 0.5, 1);
		}

		.cta-section-safe {
			position: relative;
			background-color: #1a3b8b;
		}

		/* 1. تأثير تسليط الضوء (Spotlight) - لا يزال يعمل بشكل رائع */
		.cta-section-safe .spotlight {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			background-image: radial-gradient(circle, #214699 0%, transparent 60%);
			width: 100px;
			height: 100px;
			border-radius: 50%;
			opacity: 0;
			transition: all 1.2s cubic-bezier(0.25, 1, 0.5, 1);
		}

		.cta-section-safe.is-visible .spotlight {
			opacity: 1;
			width: 200vw;
			height: 200vw;
		}

		/* 2. إعدادات ظهور العناصر بشكل متتابع (آمنة الآن) */
		.cta-section-safe .animate-in {
			opacity: 0;
			transform: translateY(30px);
			transition: all 0.8s ease-out;
			transition-delay: var(--delay, 0ms);
		}

		.cta-section-safe.is-visible .animate-in {
			opacity: 1;
			transform: translateY(0);
		}

		/* 3. تأثير النبض للزر (لا يزال يعمل) */
		.cta-section-safe .cta-button {
			animation: pulse 2.5s infinite;
		}

		@keyframes pulse {
			0% { transform: scale(1); }
			50% { transform: scale(1.05); }
			100% { transform: scale(1); }
		}


	.service-card {
        opacity: 0;
        transform: translateY(30px);
        transition: all 0.6s ease-out;
        transition-delay: var(--delay, 0ms);
    }
    .service-card.is-visible {
        opacity: 1;
        transform: translateY(0);
    }
	
	
	
	.cta-focus-section {
		filter: blur(5px) brightness(0.8);
		/*transform: scale(1.05);*/
		transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1);
	}

	/* الحالة النهائية للقسم (واضح ومشرق) */
	.cta-focus-section.is-visible {
		filter: blur(0) brightness(1);
		transform: scale(1);
	}

	/* حركة ظهور النص والزر بشكل متتابع */
	.cta-focus-section .animate-in {
		opacity: 0;
		transform: translateY(20px);
		transition: all 0.8s ease-out;
	}

	.cta-focus-section.is-visible .cta-title {
		opacity: 1;
		transform: translateY(0);
		transition-delay: 400ms;
	}

	.cta-focus-section.is-visible .cta-text {
		opacity: 1;
		transform: translateY(0);
		transition-delay: 600ms;
	}

	.cta-focus-section.is-visible .cta-btn {
		opacity: 1;
		transform: translateY(0);
		transition-delay: 800ms;
	}

	.marquee {
		width: 100%;
		overflow: hidden;
		position: relative;
	}

	.marquee-content {
		display: flex;
		width: fit-content;
		animation: marquee-scroll 40s linear infinite;
	}

	.marquee:hover .marquee-content {
		animation-play-state: paused; /* إيقاف الحركة عند مرور الماوس */
	}

	@keyframes marquee-scroll {
		from { transform: translateX(0); }
		to { transform: translateX(-50%); } /* تحريك الشريط بنسبة 50% لأننا كررنا المحتوى */
	}

	.brand-logo {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	/* حركة ظهور القسم بالكامل */
	.partners-section {
		opacity: 0;
		transition: opacity 1s ease-out;
	}
	.partners-section.is-visible {
		opacity: 1;
	}