#ggg:hover{
    background-color: #eee !important;
    border: #fff;
    border-radius: var(--bs-border-radius);
}
.swal2-html-container{
font-family: 'Droid Arabic Kufi'
}
#btnG:hover{
    background-color: #000000 !important;
  }
  /* إظهار الخيارات عندما يكون عرض الشاشة 988 بكسل أو أقل */
  @media (max-width: 600px) {
      .options {
        display: flex;
      justify-content: center;
      gap: 10px;
      text-align: center;
      
      
      }
  }
  
  /* إزالة خاصية العرض اللمرنجحة */
  @media (min-width: 601px) {
      .options {
          display: none;
          visibility: hidden;
  
  
      }
  }
.carousel {
    width: 100vw; /* جعل عرض العنصر يملأ عرض الشاشة بالكامل */
  }
  .carousel-item img {
    max-height: 394px; /* تحديد الحد الأقصى لارتفاع الصورة */
    width: auto;
    max-width: 100%; /* تجنب تجاوز عرض الصورة لعرض الشاشة */
    height: auto;
    position: relative; /* تمكين الوضع النسبي لتحديد موقع النص */
    filter: brightness(50%); /* تطبيق تأثير السطوع للصورة */
  }
  .carousel-item .caption {
    position: absolute; /* تمكين الوضع المطلق للنص لوضعه في وسط الصورة */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* تحديد موقع النص في وسط الصورة */
    color: white; /* لون النص */
    text-align: center; /* محاذاة النص في وسط العنصر */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* إضافة ظل للنص */
    font-family: 'Droid Arabic Kufi', sans-serif; /* استخدام الخط المطلوب */
    font-size: 2rem; /* تكبير حجم الكتابة */
  }
  .card-body {
      background-size: cover;
  background-position: center;
  min-height: 40vh;
  transition: background-image 0.5s ease-in-out;
}
.card {
          background-color: #f8f9fa; /* Light gray background */
          border: none;
          border-radius: 15px;
          transition: transform 0.3s ease-in-out;
      }
      .card:hover {
          transform: scale(1.05); /* Scale up the card on hover */
      }
      .card-body {
          padding: 30px;
          text-align: center;
      }
      .card-title {
  font-size: 24px;
  font-weight: bold;
  color: #fff; /* White text color */
  background-color: rgba(0, 0, 0, 0.7); /* Semi-transparent black background */
  padding: 10px 15px; /* Add padding to the title */
  border-radius: 5px; /* Add border-radius for rounded corners */
  margin-bottom: 20px;
  text-align: center; /* Center align the text */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Add a subtle shadow */
}
      .card-text {
          font-size: 18px;
          color: #666;
          line-height: 1.6;
          padding: 10px;
      }
      .card-link {
          text-decoration: none;
          color: inherit;
      }
.card:hover {
transform: scale(1.05);
}
a{
  text-decoration:none;
}