.comparison-table {
    width: 100%;
    border-collapse: collapse;
    direction: rtl;
    font-family: 'Heebo', 'Arial', sans-serif;
    box-shadow: 0 0 15px rgba(0,0,0,0.05);
    border-radius: 12px;
    overflow: hidden;
    align-content: center;
    text-align: center;
  }

  .comparison-table th {
    background-color: #7851A9;
    color: white;
    padding: 3px;
    font-size: 12px;
    text-align: right;
  }

  .comparison-table td {
    padding: 3px;
    border-bottom: 1px solid #eee;
    vertical-align: top;
    background-color: #fff;
    font-size: 10px;
  }

  .comparison-table tr:nth-child(even) td {
    background-color: #f9f5ff;
  }

  .comparison-table td:first-child {
    font-weight: bold;
    background-color: #f0e8ff;
    color: #333;
    width: 20%;
  }

  .savings-comparison {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Heebo', sans-serif;
    direction: rtl;
    text-align: center;
  }

  .savings-comparison th {
    background-color: #7851A9;
    color: #fff;
    padding: 3px;
    font-size: 12px;
    border: 1px solid #ccc;
  }

  .savings-comparison td {
    padding: 3px;
    border: 1px solid #ccc;
    vertical-align: top;
    background-color: #fff;
    font-size: 10px;
  }

  .savings-comparison tr:nth-child(even) td {
    background-color: #f9f5ff;
  }

  .savings-comparison td:first-child {
    font-weight: bold;
    background-color: #f0e8ff;
    color: #333;
  }

  .note {
    font-size: 14px;
    color: #444;
    text-align: right;
    padding: 4px 10px;
  }

  strong {
  font-weight: bold; /* או 700 */
  }

  .quiz-container {
    padding: 1rem;
    padding-top: 0;
  }


  @media (min-width: 360px) {
    .savings-comparison th {
      font-size: 14px;
      padding: 3px;
    }

    .savings-comparison td {
      font-size: 12px;
      padding: 3px;
    }

    .comparison-table th {
      font-size: 14px;
    }

    .comparison-table td {
      font-size: 12px;
    }
  }

  /* Tablet and up */
  @media (min-width: 768px) {
    .savings-comparison th {
      font-size: 18px;
      padding: 7px;
    }

    .savings-comparison td {
      font-size: 16px;
      padding: 7px;
    }

    .comparison-table th {
      font-size: 18px;
    }

    .comparison-table td {
      font-size: 16px;
    }
  }