.diagram-container {
        position: relative;
        width: 300px;
        height: 200px;
    }

    #seating-chart {
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .seat {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        position: absolute;
        border: 0.5px solid rgba(0, 0, 0, 0.1);
        background-color: transparent; /* Initially invisible */
        /* opacity: 0;
        transform: scale(0.5); */
        transition: all 0.3s ease;
    }

    .orange { background-color: #ff8c00; opacity: 1; transform: scale(1); }
    .green { background-color: #1f7ed8; opacity: 1; transform: scale(1); }
    .grey { background-color: #a9a9a9; opacity: 1; transform: scale(1); }

    .center-info {
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        z-index: 10;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .party-info{
        position: absolute;
        left: 50%;
        bottom: -5rem;
        transform: translateX(-50%);
        z-index: 10;
        text-align: center;
        display: flex;
        flex-direction: row;
        align-items: center;
        color: #eaefef;
        gap: 0.7rem;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        padding-inline-start: 0;
    }

    .party-count {
        flex-flow: column;
        font-size: 1.2em;
        font-weight: bold;
        line-height: 1.2;
        display: flex;
        padding: 0.5rem 1rem;
        border-radius: 5px;
        width: 30%;
    }
    .orange-count { background-color: #ff8c00; }
    .green-count { background-color: #1f7ed8; }
    .grey-count { background-color: #a9a9a9; }

    .halfway-mark-label {
        position: relative;
        top: -10px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 10px;
        font-weight: bold;
        color: #333;
    }
    .bihar-election h2{
      font-size: 16px;
      font-weight: 600;
      color: #0083c0;
      /* text-transform: uppercase; */
      margin-bottom: 2rem;
    }


    table {
    width: 100%;
    margin: 90px 10px auto;
    border-collapse: collapse;
    background: white;
    font-size: 15px;
  }
 

  th, td {
    padding: 10px 15px;
    text-align: left;
  }

  th {
    background: #f1f3f5;
    font-weight: 600;
    text-align: center;
  }

  /* tr:nth-child(even) {
    background: #f8fafc;
  } */

  .party-cell {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
  }

  .bar-container {
    background: #e9ecef;
    height: 18px;
    border-radius: 4px;
    width: 100%;
    position: relative;
  }

  .bar {
    height: 18px;
    width: 18px;
    border-radius: 4px;
  }

  /* पार्टी रंग */
  .BJP { background: #ff9933;}
  .JDU { background: #228B22;}
  .RJD { background: #006400;}
  .CONG { background: #1E90FF;}
  .LJP { background: #9932CC;}
  .JSP { background: #FFD700;}
  .Others { background: #3d3d3d;}
  .RLM {background:#999966;}
  .HAM { background: #FF69B4;}
  .VIP { background: #1e74bf;}
  .CPIMLL { background: #C41301;}
  .CPI { background: #f50222;}
  .CPIM { background: #cc0d0d;}
  .IIP { background: #0259ff;}
  .IND { background: #DCDCDC;}
  .AIMIM { background: #0c6b4b;}
  
  
.othtr {
    background: #3d3d3d2e;
    border-bottom: 1.5px dashed #6a666652;
}

.ndatr {
    background: #ff99334f;
    border-bottom: 1.5px dashed #6a666652;
}

.mgbtr {
    background: #1e90ff2e;
    border-bottom: 1.5px dashed #6a666652;
}


  td.range {
    text-align: center;
    white-space: nowrap;
    font-weight: 500;
  }