#loader {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 9999;
  }
  .typewriter-line {
    font-size: 24px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    border-right: 3px solid #000;
    width: 0;
    margin: 5px 0;
  }
  .line1 { animation: typing1 4s steps(50, end) forwards, blink 0.6s step-end infinite; }
  .line2 { animation: typing2 4s steps(40, end) forwards 4.2s, blink 0.6s step-end infinite 4.2s; }
 
  @keyframes typing1 { from { width: 0 } to { width: 40% } }
  @keyframes typing2 { from { width: 0 } to { width: 40% } }
  @keyframes blink { 50% { border-color: transparent } }
  #content { display: none; padding: 30px; text-align: center; }
  
// table
  .comparison-section {
    text-align: center;
    margin: 80px auto;
    padding: 20px;
    max-width: 1100px;
  }

  .comparison-title {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 30px;
    color: #222;
  }

  .comparison-title span {
    color:#759440;
  }

  .table-wrapper {
    width: 100%;
    overflow-x: auto;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  }

  table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    font-size: 16px;
  }

  th, td {
    padding: 16px;
    border: 1px solid #e0e0e0;
    text-align: center;
    transition: background 0.3s ease;
  }

  th {
    background: #f4f4f4;
    font-weight: 600;
  }

  td.label-col {
    text-align: left;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
  }

  td.label-col img {
    width: 20px;
  }

  .highlight {
    background: #759440;
    color: #fff;
    font-weight: 600;
  }

  tr:hover td:not(.highlight) {
    background: #f9f9f9;
  }

  /* Responsive */
  @media (max-width: 768px) {
    .comparison-title {
      font-size: 22px;
      margin-bottom: 20px;
    }

    th, td {
      padding: 12px;
      font-size: 14px;
    }

    td.label-col {
      font-size: 14px;
    }

    .table-wrapper {
      box-shadow: none;
      border: 1px solid #ddd;
    }
  }