.course-title {
  display: block !important;
  clear: both !important;
  font-size: 1.5em !important;
  font-weight: bold !important;
  line-height: 1.5 !important;
  margin-block-start: 0.83em !important;
  margin-block-end: 0.83em !important;
  margin-inline-start: 0 !important;
  margin-inline-end: 0 !important;
}


.course-item {
  display: flex;
  border: 1px solid #ccc;
  margin: 0 0 30px 0;
  padding: 0;
  background: #fff;
}

.course-image {
  width: 40%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.course-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.course-info {
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0;
  margin: 0;
}

.course-info-title {
    width: 100%;
    height: 39%;
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
}

.course-menu-title {
  font-size: 16px;
  padding: 0 0 0 5px;
  margin: 0;
}

.course-info-price {
    width: 100%;
    height: 19%;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

.course-price,
.course-menu,
.course-person {
  font-size: 14px;
  padding: 0 0 0 5px;
  margin: 0;
}

.course-info-menu {
    width: 100%;
    height: 40%;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

.course-info-person {
    width: 100%;
    height: 19%;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

.course-divider {
  width: 100%;
  height: 1px;
  background: #ddd;
  margin: 0;
  padding: 0;
}


@media ( max-width: 1024px ) {
    .course-menu-title {
        font-size: 15px;
    }

    .course-price,
    .course-menu,
    .course-person {
        font-size: 13px;
    }
}

@media ( max-width: 767px ) {
    .course-menu-title {
        font-size: 12px;
    }

    .course-price,
    .course-menu,
    .course-person {
        font-size: 10px;
    }
}

@media ( max-width: 500px ) {
    .course-menu-title {
        font-size: 11px;
    }

    .course-price,
    .course-menu,
    .course-person {
        font-size: 9px;
    }
}