.mtable {
    width: 100%;
    max-width: 1200px;
  }
 .mtable th{
   padding: 8px 15px;
   text-align: center;
  }
  .mtable th{
padding: 8px 15px;
   text-align: center;
background-color: #159AA3;
color: #fff;
border-bottom: 1px dashed #fff;
border-right: 1px dashed #fff;
  }
  .mtable td{
    padding: 5px;
   text-align: center;
background: #fff;
color: #000;
border-top: 1px dashed lightgray;
border-bottom: 1px dashed lightgray;
border-right: 1px dashed lightgray;
border-left: 1px dashed lightgray;
  }
  .mtable td p{
    margin:0;
  }
  .mtable td p {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .mtable td p .spn1{
    font-size: 16px;
    font-weight: 600;
    color: #000;
    padding-bottom: 5px;
  }
  .mtable tr td:nth-child(1) {
    padding-bottom: 0;
  }
  .mtable td p .spn2{
    padding: 3px 30px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background: #159AA3;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
  }
  .mtable td p span {
     font-weight: 600;
  }
  .mtable td p .spn3 {
    font-size: 12px;
    font-weight: bold;
    color: #159AA3;
  }
  .mtable td .btn-enroll {
    height: 35px;
    width: 120px;
    background: #159AA3;
    color: #fff;
    border: none;
    font-weight: 600;
  }
  .btn-enroll:hover {
    border: 2px solid #159AA3;
    color: #159AA3;
    background: #fff;
  }
  
  .mtable td b strong{
   margin-right: 10px;
   font-weight: 500;
  }
   .mtable td b del {
    font-weight: 500;
    color: gray;
   }
  tbody {
    background: #fff;
    color: #000;
  }
  .table-container {
    padding: 20px 60px;
    background: #F6F6F6;
  }
  .spn4 {
    display: none;
    font-weight: 500;
  }
  .book-date{
    display: none;
  }
  .book-date {
            background: #FFF;
        }
.book-date .spn1{
    font-size: 16px;
    font-weight: 600;
    color: #000;
    padding-bottom: 5px;
  }
 
.book-date .spn2{
    padding: 3px 30px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background: #159AA3;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    width: 70%;
    text-align: center;
  }
 
 .book-date .spn3 {
    font-size: 12px;
    font-weight: bold;
    color: #159AA3;
  }
  .book-date strong del {
    margin: 10px;
    color: gray;
    font-size: 12px;
  }
 .book-date .btn-enroll {
    height: 35px;
    width: 120px;
    background: #159AA3;
    color: #fff;
    border: none;
    font-weight: 600;
  }
  .book-date .btn-enroll:hover {
    border: 2px solid #159AA3;
    color: #159AA3;
    background: #fff;
  }
  @media (max-width: 767px) {
    table {
        display: none;
    }
    .table-container {
       padding: 20px; 
    }
     .book-date {
        display: block;
            background: #FFF;
        }
 .spn4{
  display: block;
 }
  }