@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/DroidKufi-Regular.eot);
  src: url(../fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
       url(../fonts/DroidKufi-Regular.woff2) format('woff2'),
       url(../fonts/DroidKufi-Regular.woff) format('woff'),
       url(../fonts/DroidKufi-Regular.ttf) format('truetype');
}
		/* Courses Section */
		/* القسم الأساسي */
		.courses-section {
			width: 100%;
			max-width: 1200px;
			margin: auto;
			padding: 20px;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between; /* توزيع العناصر بشكل متساوٍ */
		}

        .course-card {
            width: 100%;
            max-width: 360px;
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            text-align: center;
			margin-bottom:10px;
        }

        .course-card img {
            width: 100%;
            height: 170px;
            object-fit: cover;
        }

		/* تنسيق للمربعات */
		.course-details {
			display: flex;
			flex-wrap: wrap;
			gap: 15px;
			margin:10px;
		}

		.detail-box {
			flex: 1;
			min-width: 90px; /* الحد الأدنى للعرض للمربعات */
			background-color: #f4f4f4;
			border-radius: 10px;
			padding: 5px;
			box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
			text-align: center;
		}

		.detail-title {
			margin-bottom: 3px;
			font-size:12px;
		}

		.detail-value {
			border-radius: 8px;
			display: inline-block;
			color: red; /* اللون الأحمر للقيمة */
			font-size:12px;
			
		}

		/* لتقليل الحجم على الأجهزة المحمولة */
		@media (max-width: 768px) {
			.detail-box {
				flex: 1 1 45%; /* عرض اثنين بجانب بعض */
			}
		}

        .course-content {
            padding: 20px;
        }

        .course-title {
            font-size: 16px;
            color: #3498db;
            font-weight: bold;
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .course-detail {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin: 10px 0;
            font-size: 0.9rem;
            color: #555;
        }

        .course-detail i {
            color: #2ecc71;
            margin-right: 5px;
        }

        .price {
            font-size: 1.25rem;
            color: #e74c3c;
            font-weight: bold;
            margin: 15px 0;
        }
 
        .enroll-button {
            background-color: #3498db;
            color: #fff;
            border: none;
            padding: 10px 20px;
            border-radius: 8px;
            font-size: 1rem;
            cursor: pointer;
            transition: background-color 0.3s;
            margin-bottom: 10px;
			
        }

        .enroll-button:hover {
            background-color: #2980b9;
        }

        .divider {
            border-top: 1px solid #ddd;
            margin: 15px 0;
        }
		


/* تنسيق للعد التنازلي */
		.countdown-c {
			text-align: center;
			margin: 20px 10px;
			padding: 15px;
			background: linear-gradient(135deg, #e1f5fe, #b3e5fc); /* خلفية هادئة */
			border-radius: 10px;
			box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
			position: relative;
			overflow: hidden;
		}

		.countdown-c:before {
			content: '';
			position: absolute;
			top: -50%;
			left: -50%;
			width: 200%;
			height: 200%;
			background: radial-gradient(circle, rgba(255, 255, 255, 0.3), transparent 60%);
			transform: rotate(45deg);
			animation: countdownGlow 9s infinite linear;
			z-index: 0;
		}

		@keyframes countdownGlow {
			0% {
				transform: rotate(45deg);
			}
			100% {
				transform: rotate(405deg);
			}
		}

		.countdown-title {
			font-size: 1.2rem;
			font-weight: bold;
			color: #01579b; /* لون نص جذاب */
			margin: 0 0 10px;
			z-index: 1;
			position: relative;
		}

		.countdown-time {
			font-size: 1.8rem;
			font-weight: bold;
			color: #d84315; /* لون الوقت */
			text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
			z-index: 1;
			position: relative;
		}


				
				
				
				
				
				
		.investment-section {
			margin: 15px 10px;
			text-align: center;
			background: linear-gradient(135deg, #ffe0b2, #ffccbc); /* خلفية بتدرج ألوان دافئة */
			padding: 20px 0;
			border-radius: 15px;
			box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2); /* تأثير ظل عميق */
			position: relative;
			overflow: hidden;
		}

		.investment-section:before {
			content: '';
			position: absolute;
			top: -50%;
			left: -50%;
			width: 180%;
			height: 160%;
			background: radial-gradient(circle, rgba(255, 255, 255, 0.4), transparent 60%);
			transform: rotate(45deg);
			animation: glow 6s infinite linear;
			z-index: 0;
		}

		 

		.investment-title {
			font-size: 1rem;
			font-weight: 700;
			color: #37474f; /* لون نص جذاب */
			margin: 0 0 10px;
			z-index: 1;
			position: relative;
			text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
		}

 




		.investment-amount {
			font-size: 1.8rem;
			font-weight: bold;
			color: #d84315; /* لون أساسي للمبلغ */
			margin: 0;
			margin-top:-15px;
			z-index: 1;
			position: relative;
			line-height:30px;
		}

		/* السعر الأصلي (المشطوب) */
		.old-price {
			text-decoration: line-through;
			color: #757575; /* رمادي */
			font-size: 23px;
			margin-right: 100px;
			font-weight: bold;
		}

		/* السعر بعد الخصم */
		.discount-price {
			color: #d32f2f; /* أحمر لافت */
			font-size: 2rem;
			font-weight: bold;
			animation: pulse 1.5s infinite alternate; /* تأثير وميض ناعم */
		}

		/* تأثير الوميض على السعر المخفض */
		@keyframes pulse {
			0% {
				transform: scale(1);
				opacity: 1;
			}
			100% {
				transform: scale(1.1);
				opacity: 0.9;
			}
		}

		/* إذا لم يكن هناك خصم، يظهر السعر بهذا الشكل */
		.final-price {
			color: #d32f2f; /* أحمر لافت */
			font-size: 2.2rem;
			font-weight: bold;
		}