.elementor-22273 .elementor-element.elementor-element-35f722e{--display:flex;overflow:visible;}/* Start custom CSS for html, class: .elementor-element-73531dc */table {
      width: 100%;
      border-collapse: collapse;
      margin: auto;
      color: #181818;
      /*max-width: 1000px;*/
      background: #fff;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }
    th, td {
      padding: 15px;
      font-weight: bold;
      text-align: center;
      border-bottom: 1px solid #eee;
    }
    th {
      background: #F64853;
      color: #fff;
      font-size: 1.2rem;
    }
    tr:hover {
      background: #f1f1f1;
    }
    td:first-child {
      font-weight: bold;
      text-align: left;
    }
    .check {
      color: #27ae60;
      font-size: 1.2rem;
      font-weight: bold;
    }
    .cross {
      color: #e74c3c;
      font-size: 1.2rem;
      font-weight: bold;
    }
    
    .quota{
        font-weight: bold;
        font-size: 1.1rem;
        
    }
    .per{
        font-size: 0.8rem;
    }
    .exceed{
        font-weight: normal;
        font-size: 0.8rem;
        line-height: 18px;
        
    }
    
    @media only screen
and (max-width: 768px)
and (orientation: portrait){
    table{
    overflow-y : scroll;
}
    td{
        font-size: 12px;
        padding: 2px
    }
th {
   padding: 4px;
      font-size: 13px;
    }
   
    .check , .cross{
     
      font-size: 14px;
    
    }
    
    
    .quota{
        font-weight: bold;
        font-size: 12px;
        
    }
    .per , .exceed{
        font-size: 8px;
    }
    .exceed{
       
        line-height: 1px;
        
    }
    
}/* End custom CSS */