.card {
    box-shadow: 0 4px 8px 0 rgb(239, 238, 238);
    max-width: 300px;
    margin: auto;
    text-align: center;
    font-family: arial;
    border-radius: 15%;
  }
  .price {
    color: grey;
    font-size: 22px;
  }
a{
    width: 100%;
}
  .card button  {
    border: none;
    outline: 0;
    padding: 12px;
    color: white;
    background-color: #fffcfc;
    text-align: center;
    cursor: pointer;
    width: 100%;
    font-size: 18px;
  }
  .card button:hover {
    opacity: 0.7;
  }
  .cards{
    display: flex;
    border-radius: 15%;
  }
  
  .cards h1{
    color: rgb(40, 39, 47);
  }
  .program{
    margin-top: 100px;
  }
  .img{
    width: 100%;
    border-radius: 15%;
   margin: 1px auto;
  }
 img{
    background-size: cover;
    border-radius: 10%; 
    height: 20%;
  }
 .img img:hover{
    background-color:rgba(220, 20, 60, 0.494);
  }

  /* ===========================private======================= */
  /* تعديلات جدول الدورات التدريبية لشاشات التابلت (عادة ما تكون 768 بكسل وأكثر) */
@media (max-width: 768px) {
    .program .table td img {
        width: 100px; /* يمكنك تعديل هذا الحجم للتابلت */
    }
}

/* تعديلات جدول الدورات التدريبية لشاشات الهواتف المحمولة (عادة ما تكون أقل من 600 بكسل) */
@media (max-width: 600px) {
    .program .table td img {
        width: 80px; /* يمكنك تعديل هذا الحجم للهاتف */
    }
    .program .table th, .program .table td {
        font-size: 12px; /* تقليل حجم الخط في الخلايا */
        padding: 8px; /* تقليل حجم الحشو في الخلايا */
        text-align: left; /* محاذاة النص إلى اليسار إذا كان هناك ضيق في المساحة */
    }
    .program .table th:nth-child(1), /* إخفاء رأس العمود الأول (الصورة) */
    .program .table td:nth-child(1) {
        display: none;
    }
}