@import url("../xhub/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */
  .pricing-section {
      margin-bottom: 40px;
    }

    .table-wrapper {
      overflow-x: auto !important;
    }

    table {
      width: 100%;
      border-collapse: collapse;
      margin: 0 auto;
      min-width: 700px;
    }

    th,
    td {
      border: 1px solid #ddd;
      padding: 10px;
      text-align: center;
      font-weight: bold;
    }

    th {
      color: white;
    }

    .hot-desk th {
      background-color: #d1212b;
    }

    .private-office th {
      background-color: #48b5c4;
    }

    .virtual-office th {
      background-color: #8b6d9f;
    }

    .hot-desk td:first-child,
    .private-office td:first-child,
    .virtual-office td:first-child,
    .hot-desk th:first-child,
    .private-office th:first-child,
    .virtual-office th:first-child {
     
      font-weight: bold;
      text-align: left;
		 Width: 30%;
    }

    td:first-child {
    
      font-weight: bold;
      text-align: left;
    }
    .hot-desk tr:last-child {
      background-color: #fff0f0;
      color: #000;
      font-weight: normal;
    }
    .private-office tr:last-child {
      background-color: #baedf5;
      color: #000;
      font-weight: bold;
    }


    .check {
      color: green;
      font-weight: bold;
    }

    .cross {
      color: red;
      font-weight: bold;
    }

    .highlight {
      background-color: #88a82e;
      color: white;
      font-weight: bold;
    }

    .rate-table td {
      font-weight: bold;
      background-color: #444;
      color: white;
    }

    .note {
      background-color: #f7a941;
      padding: 20px;
      margin-top: 20px;
      color: white;
      font-weight: bold;
      text-align: center;
      line-height: 2;
    }
  .orange-header th {
      background-color: #f7a941;
      color: white;
      font-size: 18px;
      font-weight: bold;
    }

    .orange-footer td {
      background-color: #f7a941;
      color: white;
      font-weight: bold;
      font-size: 16px;
    }


    @media screen and (max-width: 768px) {
      th,
      td {
        font-size: 12px;
        padding: 8px;
      }
    }