#courses {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    #coursesWrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 30px;
        padding: 30px;
    }

    #courses h2 {
      font-family: 'Heebo', sans-serif;
      font-weight: 200;
      font-size: clamp(20px, 6vw, 26px);
    }
    
    .card {
      max-width: 300px;
      height: 400px;
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
      overflow: hidden;
      text-align: center;
      padding: 25px;
    }

    @media (max-width: 768px) {
     .card {
      height: 350px;
     }
   }

    .card img {
      width: 100%; /* גודל התמונה ביחס לדיב */
      display: block;
      border-radius: 10px;
      margin-bottom: 20px;
    }

    .card h3 {
      margin: 10px 0;
      font-size: 20px;
      font-family: 'Heebo', sans-serif;
      font-weight: 200;
    }

    .card p {
      font-size: 14px;
      color: #555;
      line-height: 1.5;
      font-family: 'Heebo', sans-serif;
      font-weight: 100;
      font-size: clamp(16px, 3vw, 18px);
    }