.course-table-mobile > li {
    border-top: 1px solid #ccc;
  }

  .course-table-mobile{
    margin: 0;
    padding: 0;
  }
  .course-table-mobile .group-link{
    display: flex;
    gap: 10px;
  }
  
  .course-table-mobile > li:last-child {
    border-bottom: 1px solid #ccc;
  }
  
  .course-table-mobile .course-details {
    position: relative;
    padding: 24px 16px 8px 16px;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    cursor: pointer;
  }
  
  .course-table-mobile .course-details-row {
    display: none;
    margin-bottom: 16px;
  }
  
  .course-table-mobile .course-details-row.-show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .course-table-mobile .course-details-row.-full-label {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  
  .course-table-mobile .course-details-row.-full-label .label, .course-table-mobile .course-details-row.-full-label .text {
    width: 100%;
  }
  
  .course-table-mobile .course-details-row.-full-label .text {
    margin-top: 8px;
  }
  
  .course-table-mobile .course-details-row .label {
    margin-right: 10px;
    font-weight: bold;
    color: #9d9ca1;
  }
  
  .course-table-mobile .course-details-row .text {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  
  .course-table-mobile .course-details-row .text > p:last-child {
    margin-bottom: 0;
  }
  
  .course-table-mobile .course-details-row .text.-space-arrow {
    padding-right: 40px;
  }
  
  .course-table-mobile .course-details::before {
    content: "";
    position: absolute;
    top: 24px;
    right: 16px;
    z-index: 2;
    width: 24px;
    height: 24px;
    background-color: transparent;
    background-image: var(--arrow-before);
    background-size: 12px auto;
    background-position: center 7px;
    background-repeat: no-repeat;
    border: 2px solid #262830;
    border-radius: 50%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  
  .course-table-mobile .course-details.is-active {
    background-color: #f8f8f8;
  }
  
  .course-table-mobile .course-details.is-active .course-details-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .course-table-mobile .course-details.is-active::before {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
    background-color: #262830;
    background-image: var(--arrow-after);
  }
  
  .course-table-mobile .course-details.is-active + .course-description {
    display: block;
  }
  
  @media (min-width: 992px) {
    .course-table-mobile {
      display: none;
    }
  }
  .course-table-mobile .price {
    color: #5c040c;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 4px;
  }
  
  .course-table-mobile .price-bg, .course-table-mobile .price-bg-red {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 4px;
    padding: 0 8px;
    border-radius: 50px;
  }
  
  .course-table-mobile .price-bg {
    background-color: #eee;
    color: #5c040c;
  }
  
  .course-table-mobile .price-bg-red {
    background-color: #5c040c;
    color: #fff;
  }
  
  .course-table-mobile .price-line {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 4px;
    color: #5a5a60;
    text-decoration: line-through;
  }
  
  .course-table-mobile.-course-pack .course-details {
    background-color: #FBF4F4;
  }
  
  .course-table-mobile.-course-pack .course-details.is-active {
    background-color: #EEE3E4;
  }
  
  .course-table-mobile.-style-box > li {
    border-top: none;
    margin-bottom: 8px;
    border-radius: 8px;
    overflow: hidden;
  }
  
  .course-table-mobile.-style-box > li:last-child {
    border-bottom: none;
    margin-bottom: 0;
  }
  
  .course-table-mobile.-style-box:not(.-course-pack) .course-details {
    background-color: #f8f8f8;
  }
  
  .course-table-desktop {
    border-bottom: 1px solid #ccc;
  }
  
  .course-table-desktop .course-header .row-id, .course-table-desktop .course-row .row-id {
    width: 150px;
  }
  
  .course-table-desktop .course-header .row-name, .course-table-desktop .course-header .row-time, .course-table-desktop .course-row .row-name, .course-table-desktop .course-row .row-time {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  
  .course-table-desktop .course-header .row-hour, .course-table-desktop .course-row .row-hour {
    width: 125px;
    text-align: center;
  }
  
  .course-table-desktop .course-header .row-hour-up, .course-table-desktop .course-row .row-hour-up {
    width: 121px;
    text-align: center;
  }
  
  .course-table-desktop .course-header .row-price, .course-table-desktop .course-row .row-price {
    width: 90px;
    text-align: right;
  }
  
  .course-table-desktop .course-header .row-teacher, .course-table-desktop .course-row .row-teacher {
    width: 120px;
  }
  
  .course-table-desktop .course-header .row-cart, .course-table-desktop .course-row .row-cart {
    width: 118px;
  }
  
  .course-table-desktop .course-header .row-cart a, .course-table-desktop .course-row .row-cart a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .course-table-desktop .course-header .row-cart img, .course-table-desktop .course-row .row-cart img {
    height: 24px;
    -webkit-box-shadow: 0px 1px 3px 1px #ccc;
            box-shadow: 0px 1px 3px 1px #ccc;
    border-radius: 12px;
    overflow: hidden;
  }
  
  .course-table-desktop .course-header .row-media, .course-table-desktop .course-row .row-media {
    width: 40px;
  }
  
  .course-table-desktop .course-header .arrow, .course-table-desktop .course-row .arrow {
    min-width: 40px;
    width: 40px;
  }
  
  .course-table-desktop .course-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #9d9ca1;
    font-weight: bold;
    background-color: #f8f8f8;
  }
  
  .course-table-desktop .course-header > * {
    padding: 8px 16px;
  }
  
  .course-table-desktop .course-row {
    border-top: 1px solid #ccc;
    cursor: pointer;
  }
  
  .course-table-desktop .course-row .details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
  
  .course-table-desktop .course-row .details > * {
    padding: 16px;
  }
  
  .course-table-desktop .course-row .details > *.row-media, .course-table-desktop .course-row .details > *.row-cart {
    padding-left: 0;
  }
  
  .course-table-desktop .course-row .price {
    color: #5c040c;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 4px;
  }
  
  .course-table-desktop .course-row .price-bg {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 4px;
    padding: 0 8px;
    border-radius: 50px;
    background-color: #5c040c;
    color: #fff;
  }
  
  .course-table-desktop .course-row .price-line {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 4px;
    color: #5a5a60;
    text-decoration: line-through;
  }
  
  .course-table-desktop .course-row .arrow {
    padding-left: 0;
  }
  
  .course-table-desktop .course-row .arrow::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-color: transparent;
    background-image: var(--arrow-before);
    background-size: 12px auto;
    background-position: center 7px;
    background-repeat: no-repeat;
    border: 2px solid #262830;
    border-radius: 50%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  
  .course-table-desktop .course-row .description {
    display: none;
    border-top: 1px solid #ccc;
    padding: 24px 16px;
    background-color: #f8f8f8;
  }
  
  .course-table-desktop .course-row .description > *:last-child {
    margin-bottom: 0;
  }
  
  .course-table-desktop .course-row.is-active .details {
    background-color: #eee;
  }
  
  .course-table-desktop .course-row.is-active .arrow::before {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
    background-color: #262830;
    background-image: var(--arrow-after);
  }
  
  .course-table-desktop .course-row.is-active .description {
    display: block;
  }
  
  @media (max-width: 991px) {
    .course-table-desktop {
      display: none;
    }
  }
  .course-table-desktop.-course-pack .course-header {
    background-color: #5c040c;
    color: #fff;
  }
  
  .course-table-desktop.-course-pack .course-row {
    background-color: #FBF4F4;
  }
  
  .course-table-desktop.-course-pack .course-row.is-active .details {
    background-color: #EEE3E4;
  }
  
  .course-table-desktop.-course-pack .course-row.is-active .description {
    background-color: #fff;
  }
  
  .courses-list-title {
    margin-top: 32px;
    margin-bottom: 24px;
    text-align: center;
  }
  
  @media (min-width: 992px) {
    .courses-list-title {
      text-align: left;
    }
  }
  .courses-list-title.color-red {
    color: #5c040c;
  }
  
  .courses-list-title.-space-top {
    margin-top: 48px;
  }
  
  @media (min-width: 992px) {
    .courses-list-title.-space-top {
      margin-top: 80px;
    }
  }
  .tag-popular {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 4px;
    padding: 2px 8px;
    border-radius: 50px;
    background-color: #d00d0d;
    color: #fff;
    font-size: 0.625rem;
    font-weight: bold;
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
  }