.content-course .close-btn{
    position: absolute;
    top: 2rem;
    right: 1rem;
  }
  
  .content-course .detail-row td > div *{
    display: none;
  }
  .content-course .detail-row td > div {
    width: 100%;
    height: 0;
    max-height: 0;
    padding: 0;
    transition: max-height 1s linear;
  }
  .content-course .detail-row td {
    display: table-cell;
  }
  .content-course .table tr:nth-child(2n + 1) td {
    padding: 0;
  }
  .content-course tr td:nth-child(n + 3), tr th:nth-child(n + 3){
    display: none;
  }
  .content-course .detail-row.show {
    display: table-row;
  }
  .content-course .detail-row.show td > div {
    height: auto;
    max-height: 1000px;
    position: relative;
    color: #000;
    padding: 1.5rem;
    transition: max-height 2s linear;
  }
  
  .content-course .detail-row.show td > div *{
    display: block;
  }
  .content-course .status-box {
    padding: 0.1rem 0.9rem;
    border-radius: 0.4rem;
  }
  .content-course .svg-icon {
    vertical-align: -0.125em;
    line-height: 0;
    display: inline-block;
  }
  .content-course .table {
    text-align: left;
    margin-top: 0.5rem!important;
    border: none!important;
  }
  .content-course .table-bar {
    justify-content: flex-end;
  }
  .content-course .table-bar i {
    height: 2.5rem;
    margin: 0.25rem;
    fill: #aaaaaa;
  }
  .content-course .table-bar img.selected {
    fill: #000000;
  }
  .content-course .table tr {
    position: relative;
  }
  .content-course .table tr td {
    padding: 0.5rem 0 0.5rem 0.5rem;
    line-height: 1.8rem;
    font-size: 0.9rem;
    border-top: none;
  }
  .content-course .table tr.table-head th {
    font-weight: bold;
    font-size: 1rem;
    text-transform: capitalize;
  }
  .content-course .table tr:nth-child(4n -2) td {
    background-color: #fdf7db;
  }
  .content-course .table tr:nth-child(4n -2) td:first-child {
    border-radius: 0.5rem 0 0 0.5rem;
  }
  .content-course .table tr:nth-child(4n -2) td:last-child {
    border-radius: 0 0.5rem 0.5rem 0;
  }
  .content-course table td, .content-course table th, .wp-block-table td, .wp-block-table th {
    border: none;
  }
  .content-course .table>:not(caption)>*>* {
    border-bottom-width: 0px;
  }
  .content-course .closer {
    flex-direction: column;
    cursor: pointer;
    height: 2rem;
  }
  
  .content-course .bar1, .content-course .bar2 {
  width: 1.5rem;
  height: .3rem;
  background-color: red;
  margin: .15rem 0;
  transition: 0.4s;
  }
  .content-course .bar1{
  -webkit-transform: rotate(-45deg) translate(-.1rem, .2rem);
  transform: rotate(-45deg) translate(-.1rem, .2rem);
  }
  .content-course .bar2{
  -webkit-transform: rotate(45deg) translate(-.1rem, -.2rem);
  transform: rotate(45deg) translate(-.1rem, -.2rem);
  }
  
  @keyframes slideInFromTop {
    0% {
      transform: scaleY(0);
    }
    100% {
      transform: scaleY(1);
    }
  }
  .content-course img {  
    /* This section calls the slideInFromLeft animation we defined above */
    animation: 1.5s ease-out 0s 1 slideInFromTop;
  }
  @media (max-width: 575px) {
    .content-course .tr td:first-child, tr th:first-child {
      display: table-cell;
    }
    .content-course tr td:nth-child(2), tr th:nth-child(2) {
      display: table-cell;
    }
    .content-course tr td:nth-child(3), tr th:nth-child(3) {
      display: table-cell;
    }
    .content-course .table tr td, .table tr th{
      font-size: 12px;
    }
  }
  @media (min-width: 576px) {
    .content-course tr td:nth-child(n + 3), tr tH:nth-child(n + 3) {
      display: table-cell;
    }
  }
  @media (min-width: 768px) {
    .content-course .table tr td, .table tr th{
      font-size: 16px;
    }
  }
  @media (min-width: 992px) {
    .content-course .table tr.table-head th {
        font-size: 1rem;
        padding-left: 0.5rem;
    }
    .content-course.table tr td{
      font-size: 18px;
    }
  }
  @media only screen and (max-width: 767px){
    .bg-mobile {
      background: #fff;
      border-radius: 0.5rem;
    }
  }